父组件通过 属性=值 的方式传递
class Mian extends React.Component{
constructor(){
super()
this.state = {
keyclass:"我是props 类组件",
keyfunc:"props 函数组件"
}
}
render() {
const {keyclass,keyfunc}= this.state
return (
<div>
<h2>类</h2>
<MianClass keyclass = {keyclass}></MianClass>
<h2>函数</h2>
<Mianfunc keyfunc = {keyfunc}></Mianfunc>
</div>
)
}
}
类 子组件通过 props 接收 (this.props.属性)
import React from 'react';
class MianClass extends React.Component{
render() {
const {keyclass} = this.props
return (
<div>{keyclass}</div>
)
}
}
export default MianClass
函数组件接收
function Mianfunc(props){
const {keyfunc} = props;
return(
<div>{keyfunc}</div>
)
}
export default Mianfunc