随笔分类 - React
摘要：react脚手架配置代理总结 方法一 在 package.json 中追加如下配置 "proxy":"<http://localhost:5000>" 说明： 优点：配置简单，前端请求资源时可以不加任何前缀。 缺点：不能配置多个代理。 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么
阅读全文
摘要：总结-旧生命周期 初始化阶段: 由ReactDOM.render()触发 初次渲染 constructor() componentWillMount() render() componentDidMount() > 常用 一般在这个钩子中做一些初始化的事,例如:开启定时器,发送网络请求,订阅消息 更
阅读全文
摘要：收集表单数据 受控组件 在 HTML 中，表单元素（如input、 textarea 和 select）通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState()来更新 通
阅读全文
摘要：refs Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素 创建refs 字符串形式refs（过时了） // ref key为自命名内容, value为节点 input class Demo extends React.Component { s
阅读全文
摘要：state 有状态state的组件称作复杂组件,没有状态的组件称为简单组件 状态里存储数据,数据的改变驱动页面的展示 <script type="text/babel"> // 创建组件 class Weather extends React.Component { // 构造器调用1次 const
阅读全文
摘要：props props简单使用 class Person extends React.Component { render() { return ( <ul> <li>姓名:{this.props.name}</li> <li>年龄:{this.props.age}</li> <li>性别:{thi
阅读全文
摘要：入门 引入react 创建容器 创建虚拟DOM 渲染虚拟DOM到页面 <!--引入react,react.develop要在react-dom之前--> <script crossorigin src="https://unpkg.com/react@18/umd/react.development
阅读全文
