作用
将父组件的参数传递给子组件
父组件
import './App.css';
import React from 'react';
import PropsTest from './pages/propsTest'
class App extends React.Component{
render(){
return(
<div>
<h2>App组件</h2>
<PropsTest obj={{name:'王惊涛',age:27}}></PropsTest>
</div>
)
}
}
export default App;
//组件上的obj={{name:'王惊涛',age:27}},传递的就是props参数子组件
import React from "react";
class PropsTest extends React.Component{
render(){
return(
<div>
<h4>propsTest子组件</h4>
<p>名字{this.props.obj.name}</p>
<p>年龄{this.props.obj.age}</p>
</div>
)
}
}
export defaul效果如下文章来源：https://www.toymoban.com/news/detail-697068.html
文章来源地址https://www.toymoban.com/news/detail-697068.html
到了这里，关于React三属性之:props的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
