react
关注
分享
扫一扫
wmnmtm
QQ:1023266328
展开
-
修改react项目的运行端口
"scripts": { "start": "set PORT=9000 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject"},原创 2021-08-26 11:57:21 · 595 阅读 · 0 评论 -
The react-scripts package provided by Create React App requires a dependency
npm run start时，提示The react-scripts package provided by Create React App requires a dependency:"jest": "26.6.0"做了很多尝试消除不了，就根据下面这句提示忽略掉此错误。If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.在项目根目录下创建.envSKIP_P..原创 2021-08-26 11:54:06 · 872 阅读 · 0 评论 -
MobX 简单、可扩展的状态管理
https://cn.mobx.js.org/转载 2021-08-17 10:23:55 · 157 阅读 · 0 评论 -
React 开发必须知道的 34 个技巧【近1W字】
https://cloud.tencent.com/developer/article/1538589非常强悍，收藏转载 2021-08-17 10:16:00 · 134 阅读 · 0 评论 -
深入REACT技术栈.pdf P185
import React, { Component, PropTypes } from 'react'; class CommentList extends Component { constructor(props) { super(props); this.state = { loading: true, error: null, value: null, }; } componentDidMount() { this.props.promise.then(r.原创 2021-07-29 11:46:07 · 498 阅读 · 0 评论 -
promise例子中的一个奇怪事情
resolve('Async Hello world');reject('Async Hello world');感觉reject('Async Hello world');返回了一个reject，这算什么原创 2021-07-29 10:27:46 · 125 阅读 · 0 评论 -
根据路径控制左导航和顶导航的显示
xxxRender 设置为 false，即可不展示部分 layout 模块headerRender:false不显示顶栏 footerRender:false不显示页脚 menuRender:false不显示菜单 menuHeaderRender:false不显示菜单的 title 和 logo效果（不完美，有边距）布局https://pro.ant.design/zh-CN/docs/layout/@umijs/plugin-layouthttps://umij...原创 2021-07-28 23:32:19 · 871 阅读 · 1 评论 -
React 组件
我们可以使用函数定义了一个组件：function HelloMessage(props) { return <h1>Hello World!</h1>;}你也可以使用 ES6 class 来定义一个组件:class Welcome extends React.Component { render() { return <h1>Hello World!</h1>; }}function方式，直接是returnc原创 2021-07-16 23:56:38 · 462 阅读 · 2 评论 -
Ract元素渲染测试 传入多个属性值
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.stati...原创 2021-07-16 23:04:02 · 124 阅读 · 0 评论 -
Ract元素渲染测试
https://www.runoob.com/try/try.php?filename=try_react_hw可以是2个id同时渲染原创 2021-07-16 22:51:32 · 143 阅读 · 0 评论 -
React 设置多个className
在一个元素上设置样式，有一个固定的样式，然后还有一个使用三元运算符根据条件添加的样式。比如说有一个固定样式"title":<div className="title">标题</div>，然后还要一个点击高亮的样式:<div className={index === this.state.active ? "active" : null}>标题</div>不能这样写：<div className="title" className=转载 2021-07-15 17:57:26 · 3581 阅读 · 2 评论 -
ant design pro添加菜单
config.js{ name: 'designer', icon: 'highlight', path: '/designer', routes: [ { name: 'prodesigner', icon: 'smile', path: '/designer/prodesigner', component: './designer/prodesigner', }, ],},menu.js'...原创 2021-07-11 15:13:52 · 939 阅读 · 0 评论 -
片段(fragments) ＜React.Fragment＞
React 中一个常见模式是为一个组件返回多个元素。 片段(fragments) 可以让你将子元素列表添加到一个分组中，并且不会在DOM 中增加额外节点。原创 2021-06-02 00:23:34 · 243 阅读 · 3 评论 -
ReactDOM
https://react.html.cn/docs/react-dom.html原创 2021-06-01 22:42:30 · 97 阅读 · 0 评论 -
HTML DOM getElementById() 方法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。https://www.w3school.com.cn/jsref/met_doc_getelementbyid.asp原创 2021-06-01 22:38:01 · 155 阅读 · 0 评论 -
＜React.StrictMode＞
严格模式(Strict Mode)StrictMode是一个用以标记出应用中潜在问题的工具。就像Fragment，StrictMode不会渲染任何真实的UI。它为其后代元素触发额外的检查和警告。注意: 严格模式检查只在开发模式下运行，不会与生产模式冲突。你可以在应用的任何地方启用严格模式。例如：http://react.caibaojian.com.cn/docs/strict-mode.html...原创 2021-06-01 22:34:03 · 219 阅读 · 0 评论