随笔分类 - react
摘要：通过脚手架可以实现项目的基本搭建 官方提供一个脚手架 Create React App 首先创建一个项目 npx create-react-app myreact 此时就创建成功了 然后进行npm start进行启动 目录分析 public 静态资源文件夹 favicon.icon 网站页签图标 i
阅读全文
摘要：获取当前时间 <div id="app"></div> <script type="text/babel"> //获取时间 class Demo extends React.Component{ constructor(){ super() this.state={ //时间对象 time:new
阅读全文
摘要：受控组件 在 HTML 中，表单元素（如<input>、 <textarea> 和 <select>）之类的表单元素通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState(
阅读全文
摘要：生命周期就是组件加载的一个流程 初始化组件 渲染组件 更新组件 删除组件 组件的生命周期 当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下： constructor() static getDerivedStateFromProps() render() componentDidMoun
阅读全文
摘要：组件内部的state状态发生改变，更新我们视图中元素的状态，视图中元素的状态发生改变也会影响我们组件中state的状态。 input 表单数据双向绑定 <div id="app"></div> <script type="text/babel"> //state双向数据绑定 class App ex
阅读全文
摘要：state 是组件自身的一个状态，组件内部自己的数据。 组件的加载流程（组件的生命周期函数） 首先 执行组件的构造器 constructor() 处理组件内部的状态 其次 执行 render() 得到一个虚拟DOM 最后 执行 componentDIdMount() 插入我们的真实DOM 生命周期图
阅读全文
摘要：props.children 就是我们在调用组件时，填充在组件标签里面的内容。 如果我们在使用组件的时候，内部有标签怎么获取？ <div id="app"></div> <script type="text/babel"> class Person extends React.Component{
阅读全文
摘要：在使用组件的时候可以向组件传递数据，在组件内我们可以使用props这个对象来调用我们的数据。 类组件 <div id="app"></div> <script type="text/babel"> class Person extends React.Component{ render(){ ret
阅读全文
摘要：JSX jsx 是js的拓展语言，JavaScript XML，本质还是js 1>jsx中的表达式 在jsx中如果需要使用 js 表达式 ，需要写在 {} 内 <div id="app"> </div> <script type="text/babel"> //jsx表达式 var name='小明
阅读全文
摘要：定义组件的方法 类组件：关键字 class 定义的组件 函数组件：关键字 function 定义的组件 注意： 组件名的首字母必须大写，首字母大小写是react区分组件和普通标签的方法 组件中返回的jsx代码必须有一个顶层标签 类组件 <div id="app"> </div> <script ty
阅读全文
摘要：官网https://react.docschina.org/ 安装react 第一种通过react应用安装 第二种通过CDN安装 React 它提供了react相关的api React-dom 提供了操作浏览器DOM的一些方法 这两个都要引入，否则就没法把jsx渲染到浏览器中 我们可以输出一下Rea
阅读全文
摘要：官方网址:https://react.docschina.org/ react的优势 1>声明式定义组件 react 使用 class或者function 关键字来定义react 组件 React 使创建交互式 UI 变得轻而易举，交互式UI，交互式是用户的一种行为，ui 界面 （让用户在界面上的行
阅读全文
摘要：SPA 单页面应用 优点: 不需要频繁向服务器请求页面 缺点: 没有大量页面，数据没有单独的页面，都是ajax请求过来的，导致该页面不容易被百度搜索 MPA 多页面应用 优点:便于百度搜索 缺点:请求量大 MPA 多页面应用 一个链接对应一个页面
阅读全文
浙公网安备 33010602011771号