React this.props属性

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();