bwin2299必赢亚洲世界顶级公司react 子组件怎么向父组件传值

2016/12 01 09:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于bwin2299必赢亚洲世界顶级公司的点点滴滴

父组件向子组件传值,是直接用props,但偶然需求数据交护,
1.此时子组件怎样向父组件传值呢,
2.另有便是兄弟组件之间的传值呢

还望指教,提供一个明晰点的思路,先在这里谢谢了:

父组件props出来
或许redux
真实不行你还可以用jQuery的选择器

关于宏大组件间传值,运用 redux 应该是坠吼的选择

  1. 子组件向父组件传值可以经过context, context可以跨级从父组件向子组件传值,也可以子组件来获取和设置父组件表表现来的属性值,比如下面的代码便是子组件向父组件注册自己:

// 父组件
class Form extends React.Component {
  constructorprops {
    ...
  }

  getChildContext {
    return {
      form: {
        addComponent: this.addComponent,
        removeComponent: this.removeComponent
      }
    }
  }
  ...
}

Form.defaultProps = {preventDefault: true};
Form.childContextTypes = {form: React.PropTypes.object};

export default Form;
// 子组件
class EmailInput extends React.Component {
  constructorprops {
    ...
  }

  componentDidMount {
    this.context.form.addComponentthis;
  }

  componentWillUnmount {
    this.context.form.removeComponentthis;
  }
}

EmailInput.contextTypes = {
  form: React.PropTypes.object
};

export default EmailInput;
  ...
  1. 兄弟组件之间传值最好经过改动state来完成,如许避免组件和组件之间耦合在一同。

固然,假如没有需要的话,或许是平凡的数据转达, 发起最好还是经过state的改动来完成。

https://segmentfault.com/q/10…

redux;
或许
父组件转达一个可以改动自己形状的办法给子组件,子组件经过调用父组件传过去的办法来改动父组件的数据。

我以为 除了redux 应该公道的便是父亲传办法给儿子了~~

触及到子组件向父组件转达数据可以运用回调函数经过props传入到子组件,将需求处理的数据通常是更新的state转达给父组件,在父组件中处理,子组件不要有自己的state.

(看完/读完)这篇文章有何感想! 来看看bwin2299必赢亚洲世界顶级公司是怎么评论的吧!

--转载请注明: bwin2299必赢亚洲_www.bwin2299.com_bwin2299必赢亚洲世界顶级公司 » bwin2299必赢亚洲世界顶级公司react 子组件怎么向父组件传值

发表评论

(必填)