
React
醉小义
学习算法让自己有更大的提升
展开
-
React之Refs的使用
React之Refs的使用 我们在日常写React代码的时候,一般情况是用不到Refs这个东西,因为我们并不直接操作底层DOM元素,而是在render函数里去编写我们的页面结构,由React来组织DOM元素的更新。 凡事总有例外,总会有一些很奇葩的时候我们需要直接去操作页面的真实DOM,这就要求我们有直接访问真实DOM的能力,而Refs就是为我们提供了这样的能力。 看这个名字也知道,`Refs其实...转载 2019-03-26 22:31:27 · 3508 阅读 · 0 评论 -
React.createContext官网的解读
解决什么问题 Context 通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递 props 属性。 何时使用 Context Context 设计目的是为共享那些被认为对于一个组件树而言是“全局”的数据,例如当前认证的用户、主题或首选语言。例如,在下面的代码中,我们通过一个“theme”属性手动调整一个按钮组件的样式: function ThemedButton(props...转载 2019-04-05 18:03:43 · 24785 阅读 · 2 评论 -
react中props的使用
在开发过程中,经常会遇到父组件和子组件之间相互通信,React子组件和父组件通信包括以下几个方面: 1,子组件调用父组件的方法 (1)子组件要拿到父组件的属性,需要通过 this.props 方法。 (2)同样地,如果子组件想要调用父组件的方法,只需父组件把要被调用的方法以属性的方式放在子组件上, 子组件内部便可以通过“this.props.被调用的方法”这样的方式来获取父组件传过来的方法。 2,...转载 2019-03-27 21:26:03 · 8761 阅读 · 2 评论 -
关于自定义组件时,数据的传递和事件的调用机制
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>render</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js">&...原创 2019-04-09 17:27:20 · 407 阅读 · 0 评论