Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

React: Event mit Parameter übergeben und Wert anzeigen

12.02.2021 (👁4216)

Event mit Parametern übergeben


Im Beispiel wird ein Button erstellt, der in jedes Feld ein X übergibt, welches in den Zell-Inhalt als this.state eingefügt wird.

Dadurch dass es von den Parameter props in den state übergeben wird, kann der Komponeten Inhalt danach wie bei einer Variable geändert werden

 

 

class Square extends React.Component {

  constructor(props) {

    super(props);

    this.state = {

      value: null,

    };

  }

  render() {

    return (

      <button

        className="square"   onClick={() => this.setState({value: 'X'})}   >

        {this.state.value}     

      </button>

    );

  }

}

 

 

Source for testing: https://codepen.io/gaearon/pen/VbbVLg?editors=0010