有没有办法将自定义对象 属性 分配给元素？

Question

我正在使用 React 16.0。

我想将自定义对象 属性 分配给一个元素并获取它的值。

具体如下。 (https://jsfiddle.net/69z2wepo/96660/)当然不行

class Test extends React.PureComponent {
    render () {
        let numbers = { number:1, number2:2, number3:3 };
        return <div numbers={numbers} onClick={(event) => console.log(event.target.numbers.number)}>Test</div>;
    }
}

ReactDOM.render(
  <Test/>, document.querySelector('body')
);

想知道有没有好的方法。谢谢

Answer 1

如果您只想在 onClick 处理程序中访问该值，那么您可以 bind 使用操作处理程序本身

该值

const handler = (numbers, e) => {
    console.log(numbers)
}
render () {
    let numbers = { number:1, number2:2, number3:3 };
    return <div onClick={this.handler.bind(this, numbers)}>Test</div>;
}