Wie werden Werte übergeben an Komponenten in React
Im TicTacToe Beispiel wird einfach das Komponenten Tag mit Value ergänzt
<Square value={i}/>; |
Dieses kann man dan in der KOmponete ohne aufwand als this.props.value übernehmen
<button className="square"> {this.props.value}
</button> |
class Square extends React.Component { render() { return ( <button className="square"> {this.props.value} </button> ); } }
class Board extends React.Component { renderSquare(i) { return <Square value={i}/>;
} |
Quelle: https://codepen.io/gaearon/pen/oWWQNa?editors=0010