02 2020 档案
摘要：let nameSub = "xx"; //类型推论 let title: string; //类型注解 // nameSub = 2; // title = 4; title = "TS"; // 数组类型 let names: string[]; names = ['tom','mary'];
阅读全文
摘要：高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. 作用：把不是通过路由切换过来的组件，将react-router 的 history、locatio
阅读全文
摘要：一、什么是nrm nrm 是一个 npm 源管理器，允许你快速地在 npm源间切换。 什么意思呢，npm默认情况下是使用npm官方源（使用npm config ls命令可以查看），在国内用这个源肯定是不靠谱的，一般我们都会用淘宝npm源：https://registry.npm.taobao.org
阅读全文
摘要：1、 组件使用一个特殊的 children prop 来将他们的子组件传递到自己的渲染结果中： 这使得别的组件可以通过 JSX 嵌套，将任意组件作为子组件传递给它们 function FancyBorder(props) { return ( <div className={'FancyBorder
阅读全文
摘要：当你遇到需要同时获取多个子组件数据，或者两个组件之间需要相互通讯的情况时，需要把子组件的 state 数据提升至其共同的父组件当中保存。之后父组件可以通过 props 将状态数据传递到子组件当中。这样应用当中所有组件的状态数据就能够更方便地同步共享了。 然后把父组件修改state的函数传递给子组件，
阅读全文
摘要：1、受控组件 由于在表单元素上设置了 value 属性，因此显示的值将始终为 this.state.value，这使得 React 的 state 成为唯一数据源。 由于 handlechange 在每次按键时都会执行并更新 React 的 state，state每次更新，render函数都会执行，
阅读全文
摘要：思路：使用map函数将数组转化成列表，map函数是返回一个新的数组，并不会改变原来的数组 并且react在渲染数组时，会将元素拼接进行渲染，所以会将数组展开渲染 1、通过使用 {} 在 JSX 内构建一个元素集合。 const numbers = [1, 2, 3, 4, 5]; const lis
阅读全文
摘要：1、函数式组件的条件渲染 function UserGreeting(props) { return <h1>Welcome back!</h1>; } function GuestGreeting(props) { return <h1>Please sign up.</h1>; } functi
阅读全文
摘要：react事件和原生HTML的区别： 1、React 事件的命名采用小驼峰式（camelCase），而不是纯小写。（例如onClick=""） 2、使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。(例如onClick={activateLasers}) 3、在 React
阅读全文
摘要：1、State 与 props 类似，都是组件使用的数据，但是 state 是私有的，并且完全受控于当前组件，即可修改。 2、组件中的render函数 在组件初始化时会调用一次，并且在组件更新的每一次都会执行一次，即state变更时，所以总是渲染最新的组件状态state，以达到响应式渲染 3、组件的
阅读全文
摘要：1、组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。即他返回的是React元素，是可以放到JSX语法中使用的元素。 2、组件类型，根据书写方式分为函数组件和class组件： // 函数式组件 function
阅读全文
摘要：1、元素渲染 想要将一个 React 元素渲染到根 DOM 节点中，只需把它们一起传入 ReactDOM.render()： const element = <h1>Hello, world</h1>; ReactDOM.render(element, document.getElementById
阅读全文
摘要：1、此处应用了三个库，必须首先加载，react.js是核心库，react-dom.js是提供与DOM相关的功能，babel.js的作用是将JSX语法转换为JavaScript语法，script标签加上type="text/babel"属性 2、ReactDOM.render是React的最基本的方法
阅读全文
摘要：window.callback = function(result) { console.log(result); }; var JSONP = document.createElement('script'); JSONP.type = 'text/javascript'; JSONP.src =
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>datetimpicker测试</title> <!--图标样式--> <link href="https://cdn
阅读全文
摘要：第一步：需要在百度地图开发者平台创建一个应用:http://lbsyun.baidu.com/apiconsole/key/create 配置信息 申请配置成功以后返回一个AK 第二步：引入百度地图的js脚本，地址为http://api.map.baidu.com/api?v=2.0&ak=(申请应
阅读全文
摘要：初学React，记录一下开发工具react-developer-tools的安装和使用 1、下载react-developer-tools，谷歌下载.crx后缀的文件，火狐下载.xpi后缀的文件。 由于需要FQ，此处提供一下分享地址，只供Chrome使用： 链接：https://pan.baidu.
阅读全文
