07月15, 2019

react的一些问题

1.生命周期

componentDidMount 数据获取 组件渲染完成 已经出现在dom文档里

componentWillMount 组件出现前 就是dom还没有渲染到html文档里面

constructor是作组件state初绐化

componentWillReceiveProps 在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化render时不会被调用。

shouldComponentUpdate 返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。 可以在你确认不需要更新组件时使用。

componentWillUpdate在组件接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。

componentDidUpdate 在组件完成更新后立即调用。在初始化时不会被调用。

componentWillUnmount在组件从 DOM 中移除的时候立刻被调用。

2.props传值

父组件给子组件传值:通过props 属性传值 alt

子组件给父组件传值:m=100

父组件定义的方法 aa={(m)=>this.bb(m)}

子组件props调用 onClick={this.props.aa(100)} alt

3.state

4.ref 在React数据流中,父子组件唯一的通信方式是通过props属性;那么如果有些场景需要获取某一个真实的DOM元素来交互,这时候就要用到React的refs属性。

某个方法里面可以这么取值 this.refs.schoolInput.value

5.怎么理解jsx

React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 JSX 是在 JavaScript 内部实现的。

本文链接:http://zzl.bzpwhite.cn/post/react.html

-- EOF --

Comments