摘要: props.children 就是我们在调用组件时,填充在组件标签里面的内容。 如果我们在使用组件的时候,内部有标签怎么获取? <div id="app"></div> <script type="text/babel"> class Person extends React.Component{ 阅读全文
posted @ 2021-11-15 22:06 keyeking 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 在使用组件的时候可以向组件传递数据,在组件内我们可以使用props这个对象来调用我们的数据。 类组件 <div id="app"></div> <script type="text/babel"> class Person extends React.Component{ render(){ ret 阅读全文
posted @ 2021-11-15 21:30 keyeking 阅读(112) 评论(0) 推荐(0) 编辑
摘要: JSX jsx 是js的拓展语言,JavaScript XML,本质还是js 1>jsx中的表达式 在jsx中如果需要使用 js 表达式 ,需要写在 {} 内 <div id="app"> </div> <script type="text/babel"> //jsx表达式 var name='小明 阅读全文
posted @ 2021-11-15 20:50 keyeking 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 定义组件的方法 类组件:关键字 class 定义的组件 函数组件:关键字 function 定义的组件 注意: 组件名的首字母必须大写,首字母大小写是react区分组件和普通标签的方法 组件中返回的jsx代码必须有一个顶层标签 类组件 <div id="app"> </div> <script ty 阅读全文
posted @ 2021-11-15 20:49 keyeking 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 官网https://react.docschina.org/ 安装react 第一种通过react应用安装 第二种通过CDN安装 React 它提供了react相关的api React-dom 提供了操作浏览器DOM的一些方法 这两个都要引入,否则就没法把jsx渲染到浏览器中 我们可以输出一下Rea 阅读全文
posted @ 2021-11-15 20:47 keyeking 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 官方网址:https://react.docschina.org/ react的优势 1>声明式定义组件 react 使用 class或者function 关键字来定义react 组件 React 使创建交互式 UI 变得轻而易举,交互式UI,交互式是用户的一种行为,ui 界面 (让用户在界面上的行 阅读全文
posted @ 2021-11-15 15:55 keyeking 阅读(78) 评论(0) 推荐(0) 编辑
摘要: SPA 单页面应用 优点: 不需要频繁向服务器请求页面 缺点: 没有大量页面,数据没有单独的页面,都是ajax请求过来的,导致该页面不容易被百度搜索 MPA 多页面应用 优点:便于百度搜索 缺点:请求量大 MPA 多页面应用 一个链接对应一个页面 阅读全文
posted @ 2021-11-15 15:29 keyeking 阅读(26) 评论(0) 推荐(0) 编辑