🌵react小记 🌵

 

🍋 children属性返回元素中也是元素的子节点（即，不包含空白节点）。

 

🍋 contains()方法检测一个节点是否为另一个节点的后代，返回布尔值。

alert(document.documentElement.contains(document.body)); //true 

 

🍋 pre标签，将文本预格式化。（弊端：导致不会换行）。

 

🍋 非转义输出示例：

<div 

className="no_data" dangerouslySetInnerHTML={{ __html: {html}}}

>

</div>

 

🍋 react的componentDidMount中获取不到元素的宽高？在setTimeOut(()=>{

//获取元素宽高

},1000)。

 

🍋 react的setState({})异步问题解决：

 

将后续处理函数放在setState({})的第二个参数（一个回调函数）中。如：

This.setState({

data: 2

},()=>{

//后续处理内容。

});

 

🍋 react中‘页面跳转’但不记录当前路径：

this.props.history.push({pathname:'/my/order/sureorder',state: {from: 'single'}});

换成：

this.props.history.replace({pathname:'/my/order/sureorder',state: {from: 'single'}});

State为需要传输的数据。