react
姚辉乾
Vue前端工程师
展开
-
react中props属性传值以及props传递函数
react中父子组件传值以及调用方法props传值以及传递方法父组件传值给子组件:如果我需要把contatcFrom里面的值传给子组件,可以这样做: <Contact contatcForm={this.state.contatcForm} />子组件接收contatcFrom,可以这样做:this.props.contatcForm 或者解构赋值const Contact = ({ contatcForm}) => { console.log(cont...原创 2020-11-22 17:18:08 · 8391 阅读 · 2 评论 -
React组件卸载后的问题
状态改变容易问题第一种解决方式:componentWillUnmount(){ //组件将要卸载this.setState = () =>{ return}}第二种解决方式:加开关_onOff原创 2020-08-12 14:08:30 · 744 阅读 · 0 评论 -
react动态路由传值和get
路径传参:可以用<Route path='/newsdeta/:id' component={Newsdeta}></Route>在组件里面就可以用:this.props.match.params.idimport React, { Component } from 'react';class newsdeta extends Component { render() { const id = this.props conso原创 2020-08-12 12:44:38 · 662 阅读 · 0 评论 -
react 404 和 重定向
cnpm i react-router-dom -Simport React from 'react';import Home from './component/home/index.jsx';import New from './component/home/new.jsx';import User from './component/home/user.jsx';import { BrowserRouter } from 'react-router-dom'fu.原创 2020-08-11 15:52:18 · 782 阅读 · 0 评论 -
react的生命周期以及快捷键 Mounting 初始化阶段过程
组件创建到首次渲染到页面1.constructor() 构造函数,在创建组件的时候调用一次2.componentWillmount()在组件即将被挂载的时候调用一次。组件还没渲染出来但是js逻辑已经开始执行了,一般异步的方法(ajax)请求数据3.render渲染4.componentDidMount()在组件被挂载完成的时候调用一次可以在这里使用refs 组件已经被渲染出来了...原创 2020-08-04 11:52:42 · 598 阅读 · 0 评论 -
react组件周期
<!-- react的核心组件第一个加载 --><script src="js/react.min.js"></script><!-- react-dom ReactDOM对DOM节点的一点操作 --><script src="js/react-dom.min.js"></script>原创 2018-11-02 11:38:55 · 232 阅读 · 0 评论 -
jsx react 写三元表达式
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-30 18:35:35 · 7893 阅读 · 0 评论 -
用Visual Studio Code编辑器写react需要安装的插件
这几个差不多就可以了,到时候需要的时候再去添加原创 2018-09-04 14:43:56 · 5083 阅读 · 2 评论