![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react基础知识点
Tencent IT
小强个人搭建的个人博客,小强会在这上面记录分享自己的个人项目经历,开发中遇到的问题以及解决方案,同时还会记录自己在学习生活中遇到的困难,包括关于前端开发方面学习困惑,学习方法,以及学习干货分享等!
个人专属站点www.TencentIT.com
展开
-
react里面使用antd做到css按需引入@TencentIT
1.antd官网:https://ant.design/docs/react/introduce-cn2、React中使用Antd1、安装antd npm install antd --save / yarn add antd / cnpm install antd --save2、在您的react项目的css文件中引入 Antd的css @import ...原创 2019-03-08 14:11:16 · 3911 阅读 · 0 评论 -
react学习笔记04@TencentIT
ajax 获取数据 一般写在 componentDidMount 里面 ,注意this需要绑定下 ,或者 用that接一下 componentDidMount(){ var that = this; $.get(this.props.source,function(res){ console.log(res) that.setState...原创 2019-03-08 14:36:47 · 179 阅读 · 0 评论 -
react学习笔记05@TencentIT
react-router 用法npm i react-roter -S在app.js里面引入import { BrowserRouter as Router, Route, Link } from "react-router-dom";用Link to 页面跳转切换首页新闻注意事项1 配置router时候 所有根都应该被 包含起来2 引入时候 注意 Link 需要引...原创 2019-03-08 14:38:59 · 202 阅读 · 0 评论 -
react学习笔记01
需要注意的是在 render() 方法中,需要使用 this.props 替换 props:创建react 程序 脚手架 使用npx命令 前提是node版本大于6.0 使用npx命令可以不用安装create-react-appnpx create-react-app reactdemojsx 语法const element = <h1>Hello, world!</...原创 2019-03-07 21:12:58 · 170 阅读 · 0 评论 -
react学习笔记02
react 写函数的时候 需要在constructor里面 this.handleClick = this.handleClick.bind(this) 初始化这个函数的时候,bind(this)绑定this,绑定后handleClick方法里面才能获取到 constructor 里初始化的变量,不绑定的话,会提示Cannot read property ‘myTextInput’ of un...原创 2019-03-07 21:15:53 · 219 阅读 · 0 评论 -
react学习笔记03
组件的状态提升shouldComponentUpdate 组件应该更新吗 ? 这个生命周期函数写的时候 应该return一个 true/false注意 写 事件的时候 需要 带上 用箭头函数 例如 onClick={()=>this.func1()} eg: <button onClick = {()=>this.forceUpdate()}>forceUpd...原创 2019-03-07 21:18:59 · 153 阅读 · 0 评论 -
redux入门知识点&核心API
笔记1 创建store引入redux 里面的一个createStore 方法 , 把 reducer 传递给storeimport {createStore} from ‘redux’ const store = createStore(reducer)2 创建reducer,作用 负责存储整个项目中的数据,怎么处理,怎么传都由reducer负责 ,把数据传递给store,cons...原创 2019-04-02 10:54:05 · 194 阅读 · 0 评论