react之父子组件传递

父传子

首先准备父页面跟子页面 HOME 跟 Adome

Home页面代码

import React, { Component } from "react";

class App extends React.Component {
  render() {
    return <div>我是Home页面</div>;
  }
}

export default App;

Adome代码

import React from "react";

class App extends React.Component {
  render() {
    return <div>我是Adome页面</div>;
  }
}

export default App;

然后Adome导入到Home里面

import React, { Component } from "react"; 
import Adome from '../Adome/index'//导入使用

class App extends React.Component {
  render() {
    return (
     <div>
          我是Home页面
          <Adome />
     </div>
    )
  }
}

export default App;

然后创建数据通过props来接受

父页面

import React, { Component } from "react";
import Adome from '../Adome/index'