我在征求你的意见:
我在React中编写了一个自定义表单组件。该组件以各种形式(许多不同的形式)呈现表单输入。
constructor(props) {
super(props);
this.labelClasses = 'form-label animated-label';
this.inputClasses = 'form-input animated-input';
this.buttonClasses = 'vary-button';
this.userInput = '';
this.state = {
touched: false,
isActive: false,
amount: '', // all these will be passed down using props or from redux store
hasError: false,
required: true,
inputType: 'number',
name: 'Field',
allowVariation: true,
step: 10,
importValue: false
};
}
这些表单的不同之处在于它们应该从用户接收数据,以及表单组件应该如何/如何处理这些数据。
我可以获得这些表单组件的数据:(1)以JSON文件的形式提供-(然后使用fetch/axios获取数据)。(2)我可以编写实际的对象并以不同的形式导入(使用ES6导入)。
哪种方法更好?
发布于 2019-03-15 02:41:57
这取决于你想要什么。如果您使用JSON文件,则可以轻松地更改数据。
如果将数据硬编码为对象,则每次要更改表单数据时都必须重新生成项目。
您没有提供太多关于项目或如何使用这些数据的信息,所以我不能给您一个正确的答案,但请问问自己:
数据需要多长时间更改一次?
它甚至应该改变吗?如果它不应该改变,我认为硬编码是很好的。
同样,这完全取决于项目的类型和您到底想要实现的目标。这两个选项都有效。
https://stackoverflow.com/questions/55169542
复制相似问题