Beibeirofeng的博客

1.一个路由就是一个映射关系(key:value)2.key为路径, value可能是function或component。

由于浏览器的同源策略，如果请求地址域名、协议、端口有一个不同就会产生跨域问题。1.React本身只关注于界面, 并不包含发送ajax请求的代码。2.前端应用需要通过ajax请求与后台进行交互(json数据)3.react应用中需要集成第三方ajax库(或自己封装)1.jQuery: 比较重, 如果需要另外引入不建议使用。（请求发送后，响应往回时被ajax引擎阻拦）在package.json中追加如下配置。2.axios: 轻量级, 建议使用。

2.子组件想给父组件传递数据时，调用该函数并传递参数。传递给子组件一个函数。

1.拆分组件、实现静态组件，注意：className、style的写法2.动态初始化列表，如何确定将数据放在哪个组件的state中？——某个组件使用：放在其自身的state中——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升）3.关于父子之间通信：1.【父组件】给【子组件】传递数据：通过props传递2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数。

1.包含了所有需要的配置（语法检查、jsx编译、devServer…1.xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。4.使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。3.可以直接运行一个简单效果。2.下载好了所有相关的依赖。

1.render：初始化渲染或更新渲染调用2.componentDidMount：开启监听, 发送ajax请求3.componentWillUnmount：做一些收尾工作, 如: 清理定时器。

(2).通过event.target得到发生事件的DOM元素对象 ——————————不要过度使用ref。a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性。b.React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) ————————为了的高效。————————发生事件的元素正好是需要操作的元素就可以通过event.target获得。高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。

如果 ref 回调函数是以内联函数的方式定义的，在更新过程中它会被执行两次，第一次传入参数 null，然后第二次会传入参数 DOM 元素。这是因为在每次渲染时会创建一个新的函数实例，所以 React 清空旧的 ref 并且设置新的。通过将 ref 的回调函数定义成。可以避免上述问题，但是大多数情况下它是无关紧要的。概念：组件内的标签可以定义ref属性来标识自己。

组件实例三大重要属性——props

函数式定义//1.创建函数式组件//此处的this是undefined，因为babel编译后开启了严格模式return 我是用函数定义的组件(适用于【简单组件】的定义)//2.渲染组件到页面执行了ReactDOM.render(…之后，发生了什么？React解析组件标签，找到了MyComponent组件。发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中。函数定义组件，函数名必须大写开头。

jsx是js创建虚拟DOM的语法糖。