Xiang_Gong_Ya_的博客

win+R/桌面目录下cmd进入终端页面。

function handleClickO(e) {console.log(e, ‘eeeeeeeeeeeeee’);console.log(sonRef, ‘sonRef’);}

【代码】react函数式组件props形式子向父传参。

引入import { useState } from "react";定义const [count, setCount] = useState(0);使用import { useState } from "react";function Son(params) { const [count, setCount] = useState(0); function handleClick() { setCount(count + 1); } // 父

ref在标签属性上设置 ref 属性可以在类的实例上获取this指向Demo 可以在Demo类组件上设置props参数 挂载到demo实例

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。1.useState设置和改变state，代替原来的state和setState2.useEffect代替原来的生命周期，componentDidMount，componentDidUpdate 和 componentWillUnmount 的合并版3.useContext不需要一层一层传参，可以直接组件传值第一个参数，是函数，默认第一次渲染和更新时都会触发，

// 直接传入一个对象，定义要修改的状态属性和值（不会影响其他state）this.setState({ isLike: true})// 传一个箭头函数 return {}this.setState((preState, props)=>{ // preState 是未改变前的state props当前组件的props return { isLike: !preState.isLike }})setState 第二个参数调用setState不管是传入对象还是

jsx—xml in js 可以在js中写标签（普通标签 自定义标签（组件）jsx语法在jsx 使用 js 表达式 变量 需要加 {}这里面是表达式（写在jsx 相当于标签的内容）jsx中注释{ /* 这里面是注释 */ }原理虚拟dom利用js对象的结构描述 dom结构<div id="box"> <p class="op">你是p</p> <span>你是span</span> 我是一段文本<

不同props，组件内部的状态（一般是容器组件（一般路由组件）内部状态比较多）注意：函数式组件没有内部的状态 （需要使用hook）定义组件的stateclass App extends Component { // 第一种 直接定义state属性 state = { isLike: true, title: 'hello react' } // 定义state第二种方式 constructor constructor(){ super();

内联样式值 是对象 （将style属性映射成对象）<div style={{width:200+300,height:1==1?200:300,backgroundColor:'red'}}></div>引入外部样式import ‘./style.css’import ‘./style.scss’css in jsstyled-components// 安装npm i styled-components -Simport styled, {keyf

react是一个构建用户界面的js库类组件（class）import React, {Component} from 'react'class App extends Component { render(){ return ( <div> <h2>这是一个class组件</h2> {this.props.title} </div> ) }}// 使用类组件<Ap

【代码】react后端路径配置（http-proxy-middleware）

react项目运行无法启动一直Starting the development server...问题原因：安全卫士拦截脚本执行解决方法：找到文件路径powershell.exe添加到信任区问题原因：代码和依赖都没有问题安全卫士拦截脚本执行解决方法：操作目标:[执行]C:\WINDOws\System32\WindowsPowerShel\v1.O\powershell.exe找到文件路径powershell.exe添加到信任区over...

安装完成。