react 父子传值_React的父子传值（父传子）

话不多说直接上代码!

1

2

3

4

5

6

7

Document

8

9

10

11

12

13

14

15

16

17

18

19 //父亲

20 class Abox extends React.Component{

21 constructor(props) {

22 super(props);

23 this.state = {

24 arr: [{

25 "userName": "fangMing", "text": "123333", "result": true

26 }, {

27 "userName": "zhangSan", "text": "345555", "result": false

28 }, {

29 "userName": "liSi", "text": "567777", "result": true

30 }, {

31 "userName": "wangWu", "text": "789999", "result": true

32 },]

33 }

34 }

35 render() {

36 return (

37

38

39

40 )

41 }

42 }

43

44

45

46

47 //儿子

48 class Son extends React.Component{

49 constructor(props) {

50 super(props);

51 }

52

53 render() {

54 console.log(this.props.arr)

55 return (

56

57

58 {

59 this.props.arr.map(item => {

60 return (

61

62 {item.userName} 评论是:{item.text}

63

64 )

65 })

66 }

67

68

69

70 )

71 }

72 }

73

74 ReactDOM.render(

75

76

77

,

78 document.getElementById("root")

79 )

80

81

标签：userName,return,text,React,item,父传子,props,传值,result

来源： https://www.cnblogs.com/LC123456/p/12115936.html