博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react 父组件给子组件传值
阅读量:4608 次
发布时间:2019-06-09

本文共 600 字,大约阅读时间需要 2 分钟。

父组件

import React from 'react'

import '../page1/header.css'
import { Table } from 'antd'
import Child from './child'//引入的子组件

export default class Header extends React.Component{

constructor(){
super()
this.state = {

  mess:"我是父组件",

}

}

return (

<div>

<Child  msg = {this.state.mess} /> 

</div>

)

子组件

import React from 'react'

export default class Header extends React.Component{

constructor(props){
super(props)
}
render(){
console.log(this.props.msg)//通过 this.props.msg接受
return (
<div className="header">
  <h5>子组件:{this.props.msg}</h5>
</div>
)
}
}

转载于:https://www.cnblogs.com/whlBooK/p/10768615.html

你可能感兴趣的文章
实时更新Excel文档外部数据源的数据
查看>>
SPSS函数之期和时间函数
查看>>
nginx 的安装
查看>>
linux网卡的开启
查看>>
2017-12-04HTML table布局
查看>>
[转载]synplify使用
查看>>
linux系统命令的收集 第三部分
查看>>
单利模式
查看>>
【Alpha】Daily Scrum Meeting第八次
查看>>
每天进步一点点
查看>>
【CF343D】 Water Tree(树链剖分)
查看>>
Asp.net MVC源码分析--获取ModelBinder的优先级
查看>>
地图与定位
查看>>
Python-递归初识-50
查看>>
hadoop-mapreduce-架构概念
查看>>
Ubunru 16.04 kinetic 下安装turtlebot2
查看>>
参数为数组的方法
查看>>
原创:局域网控制系统-下位机-单片机
查看>>
[Selenium+Java] Desired Capabilities in Selenium
查看>>
创建Visual studio项目模板 vstemplate关键点纪要
查看>>