react 子組件給父組件傳值


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>
)
}
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM