react
关于react 的文件 大师兄总结
卫东哥哥~~
web前端开发工程师,
英文名Tiga
中式8球业余选手(百步穿杨),
好人卡获得者,
情歌王子!
展开
-
移动端调试控制台
<!--移动端调试控制台--><scriptsrc="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>原创 2020-10-26 22:18:18 · 294 阅读 · 0 评论 -
React 子组件给父组件传值、整个组件、方法
一、准备工作1.定义一个父组件,名字为Parent/src/component/Parent.jsimport React, {Component} from 'react'export default class Parent extends Component { constructor(props) { super(props) this.state = { name: '我是父组件', m...原创 2020-10-07 10:43:00 · 373 阅读 · 0 评论 -
react redux 中间件
一、redux-sage// 参考链接 https://github.com/redux-saga/redux-saga1. yarn add saga 在store index.js中 添加二、redux-thunk原创 2020-01-15 17:21:23 · 139 阅读 · 0 评论 -
前端 数据 接口 模拟
一、 mockeasy-mock 官网https://www.easy-mock.com/loginmock 规范文档http://mockjs.com/二、 Charles 是一个 软件 1 新建 json文件(内容是你 想要返回的数据) 2. 利用 Charles 软件代码中使用...原创 2019-12-31 11:49:48 · 413 阅读 · 0 评论 -
react 中 生命周期
生命周期函数 指在某一时刻组件会自动调用执行的函数例如 当时 state 和props 发送改变是会自动执行 render 函数1.Initializtion 初始化 props 和 state2.Mounting 组件挂载 //在组件即将被挂载到页面的时刻执行 componentWillMount(){ co...原创 2020-01-11 11:02:01 · 243 阅读 · 0 评论 -
react PropTypes与 DefaultProps
参考链接 https://reactjs.org/docs/typechecking-with-proptypes.html引入 PropTypes from ‘prop-types’组件传值 类型 校验childConponent.propTypes = { count:PropTypes.oneOfType([PropTypes.string,PropTyp...原创 2020-01-10 18:14:50 · 186 阅读 · 0 评论 -
react 组件 传值
首先 声明 react 两种绑定 事件的方法1<div onClick={this.funclick.bind(this)}></div>funclick(){}2<div onClick={this.funclick}></div>funclick = () =>{}const { cont...原创 2020-01-10 17:06:09 · 161 阅读 · 0 评论 -
react 点击 左边文字 获取input 焦点
1. 普通写法<label for="name">姓名:</label> <input id="name" vlaue="大狮兄"/>2. 在 react 中<label htmlFor="name">姓名:</label> <input id="name" vlaue="大狮兄"/>...原创 2020-01-10 16:04:58 · 511 阅读 · 0 评论 -
react 吧html字符串转换成html标签
当后台返回的数据是字符串html的话,我们可以利用dangerouslySetInnerHTML属性来把字符串转换成html标签function showhtml(htmlString){ var html = {__html:htmlString}; return <div dangerouslySetInnerHTML={html}></div>...原创 2020-01-10 15:58:42 · 1099 阅读 · 0 评论 -
react redux
安装yarn add redux --saveyarn add react-redux --saveredux 调试工具 首先 在chrome中 安装 Redux Devtools 扩展yarn add redux-devtools-extension-----------------------react redux demo ------------------...原创 2020-01-10 13:51:15 · 148 阅读 · 0 评论 -
api axios 封装
react/vue前提 安卓 axiosyarn add axiosreact 设置代理 先安装下,install http-proxy-middleware新建 setupProxy.jssetupProxy.js-------------------------------------------------constproxy=require('ht...原创 2020-01-07 15:45:03 · 181 阅读 · 0 评论