自 1.1.9 开始支持
支持 props 传入 JSX,但是元素传入 JSX 的属性名必须以 render 开头
例如,子组件写法
class Dialog extends Component {render () {return (<View className='dialog'><View className='header'>{this.props.renderHeader}</View><View className='body'>{this.props.children}</View><View className='footer'>{this.props.renderFooter}</View></View>)}}
父组件调用子组件时传入 JSX
class App extends Component {render () {return (<View className='container'><DialogrenderHeader={<View className='welcome-message'>Welcome!</View>}renderFooter={<Button className='close'>Close</Button>}><View className="dialog-message">Thank you for using Taro.</View></Dialog></View>)}}
