摘要: 一、组件的定义 1、使用JavaScript函数定义 Welcome.js 2、使用 ES6 class 定义 Welcome.js 二、组件的渲染 index.js 文件: 三、复合组件 1、通过创建多个组件来合成一个组件 2、渲染合成的组件 运行结果: 四、组件之间的传值 1、父组件传给子组件 阅读全文
posted @ 2019-08-07 20:43 Leophen 阅读(585) 评论(0) 推荐(0) 编辑
摘要: 一、什么是 JSX JSX 是一种 JavaScript 的语法扩展 一个简单的 JSX: 二、使用 JSX 的优点 1、JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化 2、JSX 是类型安全的,在编译过程中就能发现错误 3、使用 JSX 编写模板更简单快速 阅读全文
posted @ 2019-08-07 19:07 Leophen 阅读(2598) 评论(0) 推荐(0) 编辑
摘要: 在终端执行以下命令创建项目: 1、指定创建的项目位置(这里以桌面为例) 2、创建 React 项目 3、进入项目并启动 可以直接将项目文件拖入终端,输入 npm start 按回车启动 阅读全文
posted @ 2019-08-07 18:27 Leophen 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 1、在 React 中,render 函数中 return 的内容只能有一个根节点,如果多个元素嵌套,需要用一个标签元素包裹 这个包裹的标签通常用 div,示例如下: 此时 #root 下的结构: 2、如果不加 div,会报错 示例如下: 3、不加 div 的解决办法:用 React.Fragmen 阅读全文
posted @ 2019-08-07 17:55 Leophen 阅读(581) 评论(0) 推荐(0) 编辑