Question

在react组件中谢了一个js方法,当onChange时调用,为什么在组件挂载时就调用了

组件的一个标签 <input id="imageInput" type="file" name="img" onChange={this.__handleChange()} />

__handleChange(file){
alert('11');｝
拿这个例子，组件挂载时就输出了11 怎么回事，求大神解惑

Answer 1

React组件有自己的生命周期，不推荐这样写事件。

在componentDidMount()里注册事件: 

$("#imageInput").on("change",function(){...});

在componentWillUnmount()里取消绑定，这一步可选:

$("#imageInput").off("change");

React组毁哪件生命周期： http://reactjs.cn/react/docs/component-specs.html

一定要用你的方式也可以，多加一个参数event，从event中区别是在render的时候调用的，还是上传文件的时候调用的，强烈不推荐纤则码。盯散

Answer 2

1. 父组件 -> 前几层子组件： props 2. 父组件 -> 非常深入的子组件(比如从最顶层到第5层以后): context 这种情况几乎很少见，除凯握非写框架或者源歼工具，最好是只雹孙冲用props，清晰明了 3. 子组件 -> 父组件：callback