jsx本质上还是js,因此遵循驼峰命名的方式
1.jsx属性 2.jsx如何防止xss漏洞
React DOM 在渲染之前默认会过虑所有传入的值。它可以确保你的应用不会被注入攻击。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS(跨站脚本)攻击。
3.dangerouslySetInnerHTML 4.false/undefined/null/0 像这种特殊的数据类型如何渲染 (false/undefined/null不显示,0显示)
1、React组件有几种生成方式
2、条件渲染方式有几种
3、props / props.children
4、如何挂载到dom元素上ReactDOM.render()
setState是异步操作
绑定的事件、计时器、声明的比较大的对象一定要在unMount里进行销毁,如果想这些比较耗内存的东西没有取消会造成内存泄漏。了解一下什么是内存泄漏。
willUpdate、didUpdate、render都不再执行了;this.setState({})不会调用componentWillReceiveProps
4.setState触发后发生了什么?
React
中无法用return false
去阻止事件的默认响应行为 必须用event.preventDefault()
阻止事件的默认响应行为
image
event.stopPropagation(); 阻止冒泡
class Demo extends React.Component {
constructor() {
super();
this.state = {
count: 0,
time: (new Date()).toLocaleTimeString()
}
}
handleClick = (event) => {
setTimeout(() => {console.log(event.type)},1000)
console.log(event) // 这条语句执行完后,event事件就被销毁了,所以setTimeout执行的语句会报错
}
render() {
return (<div onClick={this.handleClick}> this time is { this.state.time } </div>)
}
}
ReactDOM.render(<Demo />, document.getElementById('root'));
image.png
不可以放到异步里面执行,因为event执行完之后就会被销毁。