react
文章平均质量分 54
sliiva
这个作者很懒,什么都没留下…
展开
-
React.createClass({})
eact组件 -- React.createClass()方法1、React.createClass()方法用于生成一个组件类2、所有组件类都必须有自己的render方法,用于输出组件3、假如生成一个组件类HelloMessage,模板插入<HelloMessage />时,会自动生成组件类HelloMessage的一个实例4、组件类的第一个字母必须大写,否则会报错,比...转载 2018-07-16 18:08:24 · 1290 阅读 · 0 评论 -
基础react学习(一)
react:一种必学的,要掌握的前端框架。要学习好一门语言总是要边动手实践,边查阅它的文档,了解它的相关语法和用法。这里我用react官网提供的一套脚手架工具(配置工具)创建了一个包含开发react必要配置的文件:1、看官网点击doc,找到create react app。使用npm安装create-react-app脚手架。我这里和文档的安装方法不一样,因为安装官方文档的安装方法安装失...原创 2018-07-25 23:42:20 · 173 阅读 · 0 评论 -
propTypes与defaultTypes
propTypes:为防止父组件给子组件传递的参数不是子组件期望的参数类型而导致程序运行错误,在子组件中可以对父组件传递过来的参数进行校验,使用的就是propTypes。使用方法:import PropTypes from 'prop-types';class Greeting extends React.Component { render() { return (...原创 2018-07-26 15:01:21 · 946 阅读 · 0 评论 -
ref获取dom的真实节点
要在React中设置焦点,我们可以将Refs用于DOM元素。使用它,我们首先在组件类的JSX中创建一个元素的引用:然后我们可以在需要时将它集中在组件的其他位置:class CustomTextInput extends React.Component { constructor(props) { super(props); this.textInput = Rea...转载 2018-08-10 10:21:27 · 2849 阅读 · 0 评论 -
React.js组件的属性:props
一、什么是属性React官方文档上对于属性的介绍如下:React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性(Props)来实现功能,但内部细节可能有非常复杂的实现。 React中的每一个组件,都包含有一个属性(props),属性主要是从父组件传递给子组件的,在组件内部,我们可以通过this.props获取属性对象 二、属性的使用方法reac...转载 2018-08-06 22:57:43 · 1425 阅读 · 0 评论 -
antd:ConfigProvider中为什么需要为 wave effect 动效,单独定义全局的 csp?
为什么:在做波纹效果的时候添加了style标签的内联样式,为了防止xss攻击,可启动网站的内容安全策略,所以这里配置了csp属性,再将这个属性的值传递给子组件的style/script标签生成nonce属性。分析:ant-design组件中:Buttoon、Audio、Dropdown实现了水波纹效果,它们是应用了Wave组件(@/components/_utils/wave.tsx),在C...原创 2019-03-01 11:18:06 · 2033 阅读 · 0 评论 -
react里面props到底是什么,怎么用。
概念官网上是这么说的:When React sees an element representing a user-defined component, it passes JSX attributes to this component as a single object. We call this object “props”.意思是:当React看到表示用户定义组件的元素时,它会将...原创 2019-02-26 14:09:18 · 3690 阅读 · 1 评论 -
ReactV16.3即将更改的生命周期
一年多来,React团队一直致力于实现异步渲染。上个月,他在JSConf冰岛的演讲中,丹揭示了一些令人兴奋的新的异步渲染可能性。现在,我们希望与您分享我们在学习这些功能时学到的一些经验教训,以及一些帮助您准备组件以在启动时进行异步渲染的方法。我们了解到的最大问题之一是,我们的一些传统组件生命周期会导致一些不安全的编码实践。他们是:componentWillMount componentW...转载 2019-02-27 11:54:03 · 307 阅读 · 0 评论