Gibt es eine Möglichkeit, einem Element eine benutzerdefinierte Objekteigenschaft zuzuweisen?

Question

Ich benutze react 16.0.

Ich möchte eine benutzerdefinierte Objekteigenschaft einem Element zuweisen und seinen Wert abrufen.

Es ist wie folgt. (https://jsfiddle.net/69z2wepo/96660/) Natürlich funktioniert es nicht.

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') 
); 

Ich möchte wissen, ob es einen guten Weg gibt. Vielen Dank.

Answer 1

Wenn Sie nur diesen Wert innerhalb onClick Handler zugreifen möchten, dann können Sie diesen Wert mit dem Action-Handler bind selbst

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