共计 662 个字符,预计需要花费 2 分钟才能阅读完成。
相关书籍:https://www.zhihu.com/pub/book/119565131
React Native:https://github.com/reactnativecn/react-native-guide
Create React App:https://create-react-app.dev/
Jsx 和虚拟 Dom
最简易的 React 示例如下:
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(Hello, world!
);
1. 什么是 jsx?
Jsx 的出现是为了更加方便的创建虚拟 dom,它是一个 JavaScript 的语法扩展,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。
在 JSX 语法中,可以在大括号内放置任何有效的 JavaScript 表达式。例如,2 + 2,user.firstName 或 formatName(user) 都是有效的 JavaScript 表达式。
const name = 'Josh Perez';
const element = Hello, {name}
;
相关文档:https://zh-hans.reactjs.org/docs/introducing-jsx.html
2.create-react-app
正文完