react面试题

1. react的生命周期
   
   

2. react中state和prop的区别，改变state将对页面有什么影响

   state是组件的私有数据，可读可写，props是只读属性，一般来自外部（比如父组件）

   props放初始化数据，是一个父组件传递给子组件的数据流，这个数据可以一直传递到子孙组件，组件本身不能修改自己的props。而state代表的是一个组件内部自身的状态，改变一个组件自身状态，从语义上来说，就是这个组件内部已经发生了变化，有可能需要对此组件以及组件所包含的子组件进行重渲染

3. 在react中如何获取真实dom节点

   React.findDOMNode(component),在已经装载的组件中调用获取真实节点，在render中调用会报错。

4. props.children的作用的什么，如何使用？

   this.props.children属性表示组件的所有子节点

   可以使用使用以下方法遍历

   React.Children.map(this.props.children,function(child){
   	return <li>{child}</li>
   })
   

   this.props.children.forEach(function(child){
   	return <li>{child}</li>
   })
   

5. 如何为react组件设置样式

   可以使用style或className

   style={ {border:"1px solid #ccc",backgrund:"red"}}

   className="input"

6. 实现简单的react组件

   var ReactComponent = React.createClass({
   	handleClick: () => {
   		alert(this.refs.input.value);
   	}
   	render(){
   		return (
   			<div>
   				<input type="text" ref="input"/>
   				<input type="button"  value="get input value"  onClick={this.handleClick} />
   			</div>
   		)
   	}
   })
   
   ReactDOM.render(
   	<ReactCompon