1.为什么浏览器无法读取JSX?
浏览器只能处理 JavaScript 对象,而不能读取常规 JavaScript 对象中的 JSX。
所以为了使浏览器能够读取JSX,首先需要使用Babel这样的JSX转换器将JSX文件转为 JavaScript 对象,然后再传给浏览器。
2.React 的 refs 是什么,有什么作用
refs 是 React 中引用的简写。它将由组件渲染配置函数返回。用于对 render() 返回的特定元素或组件的引用。
3.React 中 render() 的目的
每个React组件强制要求必须有一个render()。它返回一个 React 元素,是原生 DOM 组件的表示。
4.React 组件的生命周期方法
- componentWillMount —— 在渲染之前执行,在客户端和服务端都会执行。
- componentDidMount —— 仅在第一次渲染后在客户端执行
- componentWillReceiveProps —— 当从父类接收到 props 并且在调用另一个渲染器之前调用
- shouldComponentUpdate —— 根据特定条件返回 true 或 false。
- componentWillUpdate —— 在 DOM 中进行渲染前调用
- componentDidUpdate —— 在渲染发生后立即调用
- componentWillUnmount —— 从 DOM 卸载组件后调用。
5.React 的工作原理
React 会创建一个虚拟 DOM。当一个组件中的状态发生改变时,React 首先会通过 diffing 算法来标记虚拟DOM中的改变。第二步是调节,会用diff的结果来更新 DOM。