React 踩坑笔记

Posted 2020-09-06

props可以用两种理解，一是可以被当做构建React节点的参数，二是可以被理解为html标签的属性。具体如下

• 当props与一个已知HTML属性相同时，当他被加入最终DOM中的HTML元素时，它就是该元素的属性；

• 当被传入React.createElement()中当做参数时，也可以是React node实例里的各种值。

• 一些特殊的用法，比如说key、ref、dangerouslySetInnerHtml

React Stateless Function Component（无状态函数组件）

如果一个组件里只需要props而不需要state,那么这个组件可以由纯函数方式创建，而不需要构建一个React组件的实例。

 

var MyComponent = function(props){

 return <div>Hello {props.name}</div>;

};

ReactDOM.render(<MyComponent name="doug" />, app);