我收到错误超过了最大更新深度。当组件在组件WillUpdate或组件DidUpdate中重复调用setState时，可能会发生这种情况。

Question

有很多类似的问题，尽管我在这里发布。

我收到以下错误：

未捕获的不变量冲突：超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate内重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。

请注意，我还没有在page中使用过这样的功能。

选择日期选取器时出错：

constructor(props){
super(props);
this.state={
fields: {},
errors: {}
}
}
handleIssueDate(date){
       // this.state.IssueDate = moment(date).format("YYYY-MM-DD")
       debugger;
           let fields = this.state.fields;
           fields["IssueDate"] = moment(date).format("YYYY-MM-DD")
           this.setState({
               fields
           });
           let errors = this.state.errors;
           if (errors[date] != "" || errors[date] != null) {
               errors["IssueDate"] = "";
           }

      }
render(){
return (
<DatePicker name="IssueDate" onChange={this.handleIssueDate} selected={this.state.fields.IssueDate} value={this.state.fields.IssueDate}  placeholderText={"YYYY-MM-DD"}  />)
}

已编辑:我刚刚从setState中移除了矩函数。现在它工作正常。请任何人解释这个奇怪的错误/行为。

Answer 1

https://github . com/hacker 0x 01/react-date picker/blob/master/docs/date picker . MD

选定的类型是instanceOf（Date）不是字符串

Answer 2

显然你正在改变国家。

let fields = this.state.fields; // fields still holds the reference to the state

fields["IssueDate"] = moment(date).format("YYYY-MM-DD") // here happens the mutation

this.setState({ // state is changed again
    fields,
});

errors["IssueDate"] = ""; // state mutation once again

建议方法：

在状态中定义“IssueDate”字段：

state = {
   fields: {
      IssueDate: null,
   },
   error: {
      IssueDate: null,
   },
}

然后在你的onChange功能中：

this.setState(({ fields }) => ({
   fields: {
      ...fields,
      IssueDate: moment(date).format("YYYY-MM-DD"),
   },
});

对错误也这样做。