【React2】的更多相关文章

React2

1.属性 a. 属性和状态是react中数据传递的载体: b. 属性是声明以后不允许被修改的东西: c. 属性只能在组件初始化的时候声明并传入组件内部,并且在组件内部通过this.props获取: d. 组件内可以通过getDefaultProps声明默认属性 2.状态 a. 是声明以后可以用来改变的,在组件中通过getInitialState进行声明: b. this.state进行获取状态,通过setState进行修改: c. 状态修改组件会发生二次渲染,react组件中render方法会重…

react2 react 遍历数组

<body><!-- React 真实 DOM 将会插入到这里 --><div id="example"></div> <!-- 引入 React --><script src="src/libs/react.js"></script><!-- 引入 JSX 语法格式转换器 --><script src="src/libs/JSXTransformer.j…

react基础（2）

react基础(1):介绍了如何创建项目,总结了JSX.组件.样式.事件.state.props.refs.map循环,另外还讲了mock数据和ajax 还是用 react基础1 里创建的项目继续写案例. react-router 在做单页面应用的时候就需要用到路由了. 首先来看一下我们的项目目录,如下所示: package.json和webpack.config.js的内容和 react基础(1)一样的. 下面贴一下entries里的文件内容 react2/src/entries/index.…

react实战第一步--搭建项目

使用 create-react-app 快速构建 React 开发环境 1.cnpm install -g create-react-app 2.create-react-app react2(react2是项目名字) 3.cd react2 4.npm start 如下图已经成功创建项目.可以看到初始化的项目目录结构.…

Demo2

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> <script src=&quo…

React踩坑记

一: Support for the experimental syntax 'classProperties' isn't currently enabled ERROR in ./src/index.js Module build failed (from ./node_modules/_babel-loader@8.0.5@babel-loader/lib/index.js): SyntaxError: F:\Front-end items\vs code\react-2\src\inde…

hybird app混合开发介绍

一 概念 1 Hybird App,是用现有前端(html,js,css)技术来开发的app.特点:1 灵活(开发灵活 ,部署灵活) 2 拥有类似原生的性能体验. 2 不是h5页面,也不是在webview里面加载的. 而是通过例如webpack打包工具生成的js bundle资源文件,放到原生本地渲染(原生需集成环境). 二 优点 1 拥有web/h5的灵活性,支持随时热更新(增量更新); 同时拥有原生app的性能. 2 编写一次, 多端通用,跨平台,体验一致. 3 组件可以modules和co…

当react 项目使用px2rem

参考资料:http://easywork.xin/2018/09/02/react-2/ 我拿到的设计图 是  375px //配置px2rem px2rem({remUnit: 37.5})   在index.html 加以下的script <script>document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document.body.client…

代码备份 | 博客侧边栏公告（支持HTML代码）（支持JS代码）

博客侧边栏公告(支持HTML代码)(支持JS代码) <div id='btnList'> <a class="ivu-btn ivu-btn-primary" href="https://cn.vuejs.org/v2/api/" target="_blank">Vue</a> <a class="ivu-btn ivu-btn-primary" href="https://…

docs search & algolia & docsearch

docs search & algolia & docsearch https://www.algolia.com/docsearch https://www.algolia.com/doc/api-client/getting-started/install/javascript/ https://github.com/algolia/algoliasearch-client-javascript install # js $ npm i -S algoliasearch # TypeS…