PresByter的博客

受控组件 vs 非受控组件受控组件：表单元素状态由使用者维护非受控组件：表单元素状态DOM自身维护理解 JSX：是模板语言f只是一种语法糖jsx：在js代码中直接写HTML标记，其本质：动态创建组建的语法糖。在jsx中使用表达式jsx 本身也是表达式const e=<h1>eee</h1>;3. 在属性中使用表达式<View f...

安装npx create-react-app my-app --template typescript# oryarn create react-app my-app --template typescriptyarn# ornpm i# 添加路由npm install --save react-router-dom# 暴露路由yarn run eject# 支持less...

react-router 还是 react-router-dom？在 React 的使用中，我们一般要引入两个包，react 和 react-dom，那么 react-router 和 react-router-dom 是不是两个都要引用呢？非也，坑就在这里。他们两个只要引用一个就行了，不同之处就是后者比前者多出了 这样的 DOM 类组件。因此我们只需引用 react-router-...

本人是在windows环境下搭建的，ios自行摸索。代码地址PreByter项目初始化首先就是项目初始化，一定确保安装node或者yarn二者均可，npm init//或者yarn init此时会生成package.json文件，这个文件包含的项目描述，版本号，作者，项目地址等等。当然这里是一直回车的。所以不用在意的。安装webpackyarn add webpack we...

接着上文，对webpack 的配置的优化和对css，图片的编译。以及引入antd项目代码地址react-project优化webpack生成的文件名添加Hash值output: { filename: "js/[name].[chunkhash].js",},生产过程中，清理dist文件夹。安装插件 clean-webpack-pluginnpm install --s...

redux文档地址redux是对数据的状态管理，是react不可缺少的一部分，具体的概念这里就不进行详细的介绍。本文主要是介绍怎么引入redux和使用redux。单向数据流：从父组件流向子组件，兄弟组件无法共享数据，state：react中的状态，是只读对象，不可直接修改。reducer：基本函数，用于对state的业务处理。action：描述事件行为改变state安装npm ...

react 脚手架 打包生成map文件 体积过大写在前面，map文件是帮助我们查看报错的位置的。map文件由devtool属性控制，然后全文搜索devtool。发现在webpack.config.js文件 150 行的位置。这里不建议注释掉(虽然网络上有很多人这么说).这里代码表现为：devtool: isEnvProduction ? shouldUseSourceM...