随笔分类 - react
摘要：之前在react当中使用了字符串拼接的方式来拼接类名的字符串，这种方法不仅不够方便，还会出现很多问题 使用classNames这个工具，可以省去拼接字符串的烦恼，大大提高开发效率 首先，最简单的使用方法 复杂的使用 同时还可以和es6的模板字符串使用更加简单 let faStyle = "home"
阅读全文
摘要：PropTypes 是react提供的用于检验数据类型的typechecking，避免应用越来越大的时候出现意料之外的bug 使用方法如上，作用是检测该组件的使用者是否给name传入的值是字符串，并且该属性必填。 另外，可以通过枚举的方式来给属性指定几个特定的值 指定optionalEnum属性只能
阅读全文
摘要：淘宝的cnpm下载安装的命令为 但是仅仅这样是不够的，这样只有主动去下载资源的时候可以通过 cnpm i live-server -g 这样使用， 今天使用 create-react-app 这种情况，在使用react官方脚手架创建react项目的时候会出现网络错误的问题，原因是create-rea
阅读全文
摘要：Router 所有路由组件的底层接口，一般情况都不使用，而是使用更加高级的路由。 最常用的有两种<BrowserRouter>、<HashRouter> <BrowserRouter>: 使用H5提供的history API来保持UI和URL同步。这个路由会对后台获取真实的url地址造成影响。 <H
阅读全文
摘要：实例化 首次实例化 getDefaultProps getInitialState componentWillMount render componentDidMount 实例化完成后的更新 getInitialState componentWillMount render componentDid
阅读全文
摘要：react当中的数据传递是通过 props以及 state来实现的 props Header组件当中有个name属性，那么在Header组件当中就可以通过 this.props.name 来获取到 “kugeliu” 这个数据了 在react当中props一般用于父组件给子组件传递数据使用，一般不允
阅读全文
摘要：引入 react 以及 ReactDom 将react组件渲染到真实dom节点上 创建组件 JSX语法 jsx 中不能一次性返回零散的多个节点，如果有多个需要包在一个节点当中。 注释 样式 JSX里面是不能出现 - 的，所以都必须写成驼峰式的， 例如 className fontSize 等 事件
阅读全文
摘要：之前有看过阮一峰老师的react教程跟着做了一遍，学习了一下。好久没看，有点忘记了，这次跟着脚手架工具系统的复习一遍。顺便学习学习 react-router 和 redux 首先，脚手架工具我使用的是create-react-app ,这个是官方出的，感觉比较靠谱。不过真实使用起来感觉比vue-cl
阅读全文
摘要：create-react-app的webpack配置在node_modules当中的react-scripts的config文件夹当中，其中webpack.config.dev.js是开发环境的配置，webpack.config.prod.js是生产环境的配置。 需要支持sass，首先npm i s
阅读全文
浙公网安备 33010602011771号