Readdy Write

React Übergabe von Werten Beispiel TicTacToe

12.02.2021 (👁2497)


 

 

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

 


0,00 €