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属性定义类名