react 的props 父传子的小案例

本文主要是介绍react 的props 父传子的小案例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

大家好，我是梅巴哥er ，本篇介绍父传子的简单案例：

App2.js代码如下：

import React, {Component} from 'react'// 子组件
class Header extends Component {constructor(props) {super(props)}render() {return (<header>{/* 父组件的title参数 传递给子组件的props 然后再被父组件调用 */}{ this.props.title }</header>)}
}
// 父组件
class App2 extends Component {render() {return (<div>{/* 设置title元素 用来传递给子组件的参数 */}<Header title='首页标题' /><Header title='分页标题' /></div>)}
}export default App2

这篇关于react 的props 父传子的小案例的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---