测试demo charAt 1234567/** * 返回指定位置的字符 * @param pos */let str = 'this is string';console.log(str.charAt(2)); // i charCodeAt 123456/** * 返回指定位置的字符的...

测试demo Array对象 concat返回新数组，不改变原数组 1234567891011121314/** * array1.concat(items) * 连接多个数组或元素，返回连接后的新的数组，不会改变原数组 --- 参数是数组，会减少一级数组嵌套深度，将数组内容进行连接。 * @param ite...

demos源码每个组件都可以获取到 props.children。它包含组件的开始标签和结束标签之间的内容。 react提供了一系列的方法来方便处理children。 map forEach count, toArray only 实际应用在实际项目中的应用，我们可以对默认的children进行增加处理来...

demos源码Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据。 如何使用 将初始状态传递给 React.createContext。这个方法会返回一个带有 Provider 和 Consumer 的对象。 使用 Provider 组件包裹在组件树的最外层，并接收一个 value 属性。v...

demos源码 React 事件的命名采用小驼峰式（camelCase），而不是纯小写 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。 不能通过返回 false 的方式阻止默认行为。你必须显式的使用 preventDefault1234567891011121314151617con...

每个组件都包含“生命周期方法”。速查表。 demos源码 挂载当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下： constructor() static getDerivedStateFromProps()会在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象...

React组件是根据props与state这两个参数来计算呈现对应的ui表现。 statestate是组件内部状态的保存。state代表组件ui的最小状态集合，在我们刚接触react的时候很多时候不明白是否应该把变量作为state，其实是有一定的依据条件来判断的： 是否是通过props获取？如果是，它就不必为s...

JSX 与 react 元素1const element = <h1>Hello, world!</h1>; 它被称为 JSX，是一个 JavaScript 的语法扩展。JSX 可以生成 React “元素”。实际 react 元素就是 javascript 对象，jsx 返回的就是 j...

利用create-react-app搭建本地开发环境 1npx create-react-app react-demos 由于create-react-app默认使用npm拉取资源，很是缓慢。这里可以通过修改npm的配置来达到平时使用cnpm相同的效果。 123456$ npm config get regis...

在webpack打包测试时发现一直出现两个错误。 1234567ERROR in ./src/pages/index/index.jsModule not found: Error: Can't resolve 'core-js/modules/es.object.to-string&apos...