React renderProps

205 阅读1分钟

如何向组件内部 动态的传入 带内容的结构  

1:使用 children props 

<A>
<B>XXXX</B>
</A>

在A组件内部 render 方法里 使用 渲染 { this.props.children } 

但是存在问题 B组件拿不到 A 组件内的state 数据

2:使用  render  props  

<A  render={(data)=> <B data={data}> </B> } />

A组件传递 state 数据  this.props.render(this.state.xxxx); B组件接受数据  this.props.data