使用this.value调用函数

Question

我想根据选择的年份将相应的makeData函数传递给ReactTable中的数据元素。我一直得到一个语法错误，我不知道为什么它不会让我按原样编译它。

我的逻辑是：

select值有一个onChange函数，只要选择了不同的年份，它就会调用handleChange。一旦调用了handleChange，它就会将值设置为事件目标。

然后数据对象将作为“this.value”传递给ReactTable中的“data”元素

Answer 1

这里有很多错误：

1. 功能组件没有state。如果您需要州，请使用扩展React.Component的类
2. handleChange无法放入JSX内部。再次，使用一个类并使其成为类
的方法
3. this.state.value具有字符串中的函数。你可能想要this.state = {value: makeData2014()};。您也可以在JSX中执行此操作。用大括号括起函数调用而不是像<option value={makeData2014()}>2014</option>
这样的字符串
4. 当您致电setState时，您需要更新this.state.value，而不是this.value。因此，您根本不需要this.value，您应该删除它。
5. 最重要的是，您没有添加特定的错误消息，所以我甚至无法确定这一切都是。

第一步应该解决所有这些问题。之后，如果您仍有任何问题，请使用新代码和您获得的特定错误消息更新您的问题。