我是 React.js 的初学者，需要一些帮助。<li>当您单击它时，我想从-tag 中获取值或数据。我怎样才能做到这一点？
...
clickOnMe : function () {
this.setState({myData : event.target.value});
}
render : function (){
return (
<div>
<ul>
<li value="Point" onClick={this.clickOnMe}>Point</li>
</ul>
</div>
);
}
...
您得到undefined因为target.value仅用于表单元素，例如input.
您可以向该函数传递一个唯一标识符，然后您可以使用该标识符从this.state.
实现可能会有很大差异。最大的问题可能取决于此元素的值是否可以在 DOM 中更改，或者是否始终保持静态。
以下是我为两者提出的解决方案：
如果要更新li元素的值，可以执行以下操作：
getInitialState: function() {
return {
data: ["point1", "point2", "point3"];
};
}
clickOnMe = (id) => {
console.log(this.state.data[id]);
}
changeData = (id, value) => {
let temp = this.state.data.slice();
temp[id] = value;
this.setState({temp});
}
render = () => {
return (
<div>
<ul>
<li value={this.state.data[0]} onClick={this.clickOnMe.bind(this, 0)}>Point</li>
</ul>
</div>
);
}
this.state.data是组件构造函数中的数组，包含每个元素的初始值。当您单击一个元素时，您将调用该clickOnMe函数并传入一个参数，该参数对应于当前元素数据所在的数组中的索引。
如果以后要更改此值，可以changeData将值和索引作为参数调用。复制整个数组，更改所述索引中的值，然后更新state.
如果的值li始终是静态的，那么您可以执行以下操作：
clickOnMe = (val) => {
this.setState({myData : val});
}
render = () => {
return (
<div>
<ul>
<li onClick={this.clickOnMe.bind(this, "Point")}>Point</li>
</ul>
</div>
);
}
如果你希望事情是静态的，事情就简单多了。在这里你可以直接绑定哪个值对应于所述元素，然后在函数中用它做你想做的。