作用

将父组件的参数传递给子组件

父组件

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

效果如下