Comment appeler les composants en Reactjs

Fermé
Sakura.o - 25 sept. 2020 à 18:52
Bonjour à tous,

J'ai commencé Reactjs depuis 1 semaine et Je souhaite à travers ce code en reactjs, Quand je onCliquez sur un bouton 'ajouter' ça m'affiche les composants Add mais malheureusement ça ne fonctionne pas! par contre dans mon commutateur quand je fais un alert () ou un console.log () à la place de retour de mes composants; ça fonctionne bien comme il faut!

le Add List et Pay sont des composants et j'ai bien importer dans le app.js!enter code here

Merci d'avance pour votre aide :)





class App extends React.Component {

constructor(){
super();
this.state = {
activeTab: "add",
items: [],

}

}

handleClick(activeTab) {

switch (activeTab) {
case 'add': return <Add onClick={this.props.onClick}/>
case 'list': return <List />
case 'pay': return <Pay />

}
}

render(){
return (

<div className="App btn-group">

<Button onClick={this.handleClick.bind(this, 'add')}><Add /></Button>
<Button onClick={this.handleClick.bind(this, 'list')}><List /></Button>
<Button onClick={this.handleClick.bind(this, 'pay')}><Pay /></Button>

</div>

)
}

}

export default App;