随便记react

2019年9月18日 90次阅读 来源: chinawzc

1.在 DOM2.0 事件分为捕获阶段和冒泡阶段，React 中通常我们注册的事件为冒泡事件，如果要注册捕获阶段的事件，可以在事件名称后加 Capture 如：

onClick

onClickCapture

2.表单事件
和普通 HTML 中的 onChange 事件不同， 在原生组件中，只有 input 元素失去焦点才会触发 onChange 事件， 在 React 中，只要元素的值被修改就会触发 onChange 事件。

3.在 React 中表单组件可分为两类，受控与非受控组件，受控组件是包含了 value 值的.
为什么叫受控组件？ 因为这个时候用户不能修改 input 的值， input 的值永远是 value 固定了的值。如果去掉 value 属性，那么就可以输入值了。

那如何修改受控组件的值呢？ 如上面的例子中， 添加 onChange 事件，事件内修改 value 属性，value 属性的值会被设置到组件的 value 中。

4.
Route 可以定义 getChildRoutes，getIndexRoute 和 getComponents 这几个函数。它们都是异步执行，并且只有在需要时才被调用。我们将这种方式称之为 “逐渐匹配”。 React Router 会逐渐的匹配 URL 并只加载该 URL 对应页面所需的路径配置和组件。
5.react-router可以传值

 hashHistory.push({
   pathname: '/path',
     query: {
        something: something
      },
     })

在path页面：

this.props.location.query.something

但是query值会出现在url中，扫兴

6.

    原文作者：chinawzc
    原文地址: https://segmentfault.com/a/1190000009346931
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞