介绍
这篇文章将为大家详细讲解有关使用反应怎么在父组件与子组件之间值传递,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
<强>子组件强>
import 反应,,{,Component },得到& # 39;反应# 39; export default  class Item extends  Component { ,构造函数(道具){ 超级才能(道具) this.state 才能=,{ ,,价格:0 ,,} ,} ,handleChange () { const 才能;prices =800; this.setState({才能 ,,价格:价格 })才能//用才能传过来的changePrice属性(道具),是个函数,呼叫它把价格交给父组件中的函数去处理 this.props.changePrice才能(价格) ,} ,使(){ {const 才能;prices },=, this.state; ,,,return ( ,,,,& lt; div> ,,,,,,& lt; div onChange={this.handleChange.bind()}祝辞 ,,,,,,& lt;/div> ,,,,,,& lt; p>{价格}& lt;/p> ,,,,& lt;/div> ,,,) ,} }
<>强父组件强>
import 反应,,{,Component },得到& # 39;反应# 39;; import Item 得到& # 39;。/项目# 39; class App  extends Component  { ,构造函数(道具){ 超级才能(道具) this.state 才能=,{价格:0} ,} , ,//给子组件用来传价格用的方法 ,changePrice(价格){ this.setState才能({价格:价格}) ,} ,使(){ return 才能; ,,& lt; div> ,,,& lt; Item changePrice={this.changePrice.bind()}/比; ,,,& lt; p> {this.state.price} & lt;/p> ,,& lt;/div> ,,); ,} } export default 应用;
关于使用反应怎么在父组件与子组件之间值传递就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。