1234567~~

这篇文章说说关于Protals2个点：Portals的概念及使用Protals的事件冒泡一、关于react的Portal插槽。根据官网的说法：Portals传送门Portal提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案。一个 portal 的典型用例是当父组件有 overflow: hidden 或 z-index 样式时，但你需要子组件能够在视觉上“跳出”...

Search for the keywords to learn more about each error.ProvidePlugin传送门场景： 在react中配置jquery全局变量，webpack官网是这么说的，直接写上插件配置，就可以直接使用。照着官网对webpack.config.js进行文件配置：webpack.config.jsplugins: [ ... ...

在react中可以使用data-attributes传递参数。而获取参数看到网上大多数都是用e.target.getAttribute('data-add')来获取，这样是可行的。但其实react提供了获取自定义data属性的方法： e.target.dataset.add。官方文档。看下面代码：home.jsclass Home extends Component { getD...

状态提升,就是react帮我们把多个组件需要用到的数据，提升到最近的父组件中统一管理并传给子组件。各个组件只能管理自己的状态。提升到父组件之后，子组件的就只能使用父组件传过来的props进行渲染，不能控制。react是自上而下的数据流。并且所有的数据源都在父组件，方便了我们对于bug的排查。下面根据官网的例子写的一个demo。官网传送门;项目创建是用create-react-app，不...

create-react-app 不同环境打包及打包到对应的文件夹内设置不同环境的打包，这里区分为三种环境，线上的测试，演示，正式环境1。安装 cross-env。兼容跨平台(window, mac)设置的环境变量的有效性。npm install npm install --save-dev cross-env2.在package.json中配置打包命令，create-react-app...

react初识新年伊始，领导说后面相面考虑用react开发，最近看了react的文档。真心话，觉得好复杂。个人想法ps: 也可能是因为之前用的vue，一时半会转不过来的原因 。希望不会有人打我

最近在看react的文档，发现react的逻辑都是以component为基础的。比如：class Clock extends React.Component { constructor(props){ super(props); console.log(this); } }在es6中class的继承是通过extends关键字实现的。c...