react
boonyaxnn
好好学习,天天向上
展开
-
React学习笔记:安装、组件、生命周期(一)
一、1、npm 默认配置成淘宝镜像 npm config set registry https://registry.npm.taobao.org 2、安装react环境 npx create-react-app 项目名称 3、启动项目:cd 项目文件夹 npm start二、组件和props...原创 2019-06-25 08:37:39 · 148 阅读 · 0 评论 -
React 学习笔记:form表单(二)
1.表单分受控组件和非受控组件 受控组件:我们可以把两者结合起来,使 React 的 state 成为“唯一数据源” 非受控组件:非受控组件将真实数据储存在 DOM 节点中 2.受控组件 1.<input>、 <textarea> 和 <select> 2.使用:如何获取值以及更新值...原创 2019-06-25 08:48:07 · 332 阅读 · 0 评论 -
React 学习笔记:网络请求(三)
1. fetch请求 1.Fetch API 提供了一个 JavaScript接口,用于访问和操纵HTTP管道的部分,该方法提供了一种简单,合理的方式来跨网络异步获取资源。 2.语法: fetch(url,{ method:'get', headers:{ ...原创 2019-06-25 08:54:57 · 275 阅读 · 0 评论 -
React 学习笔记:路由(四)
react-router 4.x 1. 安装:npm install --save react-router react-router-dom 2. 在页面中配置 1. 引入 import { Route,BrowserRouter,Switch } from "react-router-dom" 2. 基本配置 路由配置:...原创 2019-06-25 08:58:58 · 179 阅读 · 0 评论 -
React学习笔记:点击 返回功能(五)
方法一: 路由的history对象:(前提是只对路由管理着的页面有效) 我们直接在页面中打印this.props,export default class City extends React.Component{ render(){ console.log(this.props) return( ...原创 2019-06-25 19:21:39 · 1016 阅读 · 0 评论 -
React 学习笔记:生命周期函数及应用场景(六)
React中生命周期函数的运行顺序:1、componentWillMount------------组件将要被渲染;2、render-------------------------------渲染函数,组件就可以添加页面;3、componentDidMount------------件渲染完成,进入运行状态,只运行一次;4、componentWillReceiveProps--当...原创 2019-06-27 16:02:04 · 134 阅读 · 0 评论 -
React 学习笔记:dangerouslySetInnerHTML属性(七)
回顾js中的innerHTML标签和innerText标签:1、innerHTML:识别标签结构: 获取元素的内容:element.innerHTML; 给元素设置内容:element.innerHTML =htmlString;2、innerText:只识别文本: 获取元素的内容:element.innerText; 给元素设置内容:ele...原创 2019-06-28 16:45:17 · 743 阅读 · 0 评论