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()
}
}
handleClick = (val) => { //val就是子組件傳的值1
this.setState({
mess:val
})
}
render(){
return (<div>
<Child GETState= {this.handleClick.bind(this)}/>
</div>
)
}
// 子組件
import React from 'react'
export default class Header extends React.Component{
constructor(props){
super(props)
this.state = {
a:1
}
}
render(){
console.log(this.props.msg)
return (
<div className="header">
<div onClick={() =>this.props.GETState(this.state.a)}>給父元素傳值</div> //點擊就把當前頁的值傳給父組件
</div>
)
}
}