React 的父子组件之间的通信

一、父子组件之间的通信

1、父组件传递给子组件

a. 父组件通过属性的形式绑定

b.子组件通过this.props[属性]接收

 

2、子组件传递给父组件

a. 子组件调用父组件传递过来的方法

b. 父组件通过属性的形式绑定方法(函数)

 

二、渲染包裹着两个元素，可使用

<React.Fragment> <div> <button>按钮</button> </div> <ul> <li></li> </ul> </React.Fragment>

三、React的样式

1. 通过style属性

<div> <ul> <li style={{listStyle: 'none', color: '#666'}}></li> </ul> </div>

2. 通过className属性定义类名