Bonjour,
Je suis un grand débutant en react j'ai fais les tutos de react.org
je sais passer une chaine de caractere d'un composant a un autre mais pas un objet ou un tableau d'un composant à un autre
J'ai cherché des exemples sur le web mais rien de convaincant
je sais que ça doit être tout simple
j'aimerai donc passer un objet ou un tableau d'un composant à un autre
Voici mon codeMerci pour votre aide
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; class Parent extends React.Component { render() { const data =[{"name":"test1"},{"name":"test2"}]; const listItems = data.map((d) => <li key={d.name}>{d.name}</li>); // return <Test value="sara" />; return ( <div> <Test value={data} />// ça doit coincer ici {listItems } </div> ); } } class Test extends React.Component { constructor(props) { super(props); alert(this.props.value); this.state = { evt: null } // Cette liaison est nécéssaire afin de permettre // l'utilisation de `this` dans la fonction de rappel. this.handleClick = this.handleClick.bind(this); } handleClick(e) { /* this.setState({ evt: e.target */ e.preventDefault(); alert(e.type); // }) } render() { return ( <div> <h1>Bonjour tout le monde !</h1> <h1>{this.props.value}</h1> <a href="" onClick={this.handleClick}>Un lien </a> </div> ); } } // ======================================== ReactDOM.render( <Parent />, document.getElementById('root') );
Partager