this.props 是属性的意思。用于传递给控件具体的属性
import React ,{Component}from 'react'
class MyCommpent2 extends Component{
render(){
return(
<div>
<div>
<div>{this.props.firstName}</div>//得到属性值是 firstName的值
<div>{this.props.twoName}</div>
<div>{this.props.threeName}</div>
</div>
</div>
)
}
}
export default MyCommpent2 ;
在其调用的地方进行定义属性值
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import MyCommpent from './MyCommpent'
import MyCommpent2 from './MyCommpent2'
// ReactDOM.render(<App />, document.getElementById('root'));
// ReactDOM.render(<MyCommpent/>,document.getElementById('root'))
ReactDOM.render
(
<MyCommpent2 firstName='第一个名字' twoName="第二个名字" threeName="第三个名字"> //定义props属性
</MyCommpent2>,
document.getElementById('root'))
registerServiceWorker();
