eslint告诉您的
react/destructuring-assignments错误是这样的分配:
const data = this.state.data;
可以改写为:
const { data } = this.state;这也适用于函数参数,因此:
onChange = e => { ... }可以写成
onChange = ({target: {value, name}}) => { ... }下一个错误
react/no-access-state-in-setstate提示您正在编写:
this.setState({ data: { ...this.state.data, [e.target.name]: e.target.value }});什么时候应该写:
this.setState(prevState => ({ data: { ...prevState.data, [e.target.name]: e.target.value }}));或者,如果将其与
react/destructuring-assignments规则结合使用:
onChange = ({target: {name, value}}) => this.setState(prevState => ({ data: { ...prevState.data, [name]: value } }));您可以在此处详细了解这两个规则:
反应/破坏分配
反应/无访问状态处于设置状态



