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

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>;
}