javascript - 如何在 JSX 的 setState 中使用变量

Question

我想在 React 的 JSX 文件中的 setState 函数中使用一个变量。

我将如何重组这段代码:

var name = e.target.name;
if(name == "title"){
    this.setState({ title: e.target.value});
}
else if(name == "date"){
    this.setState({ date: e.target.value});
}
else if(name == "amount"){
    this.setState({ amount: e.target.value});
}

进入这样的事情(所以我不再重复自己)？

var name = e.target.name;
this.setState({ name: e.target.value});

上面的语法只是设置了“name”的状态，而不是“name”变量的值。

Answer 1

简单:

var newState = {};
newState[e.target.name] = e.target.value;
this.setState(newState);