- 博客(5)
- 资源 (2)
- 收藏
- 关注
原创 017-使用PropTypes进行类型校验
PropTypes 是React内置类型检查功能,可以检查组件的属性等。PropTypes包含了一套验证器,以确保接收的数据是正确的有效的。若接收的值是无效的就会在控制台打印出警告(只在开发模式下进行检查)。温馨提示:v15.5+用prop-types代替了PropTypes。import React,{Component} from 'react';import PropTypes f...
2018-10-30 11:41:45 265
原创 url、href、src
一、url(uniform resource locator)统一资源定位器即网页地址1、格式:协议类型:[// 服务器地址[:端口号]][资源层级文件路径]文件名?查询2、语法:scheme://host.domain:port/path/filenamea、scheme:网络协议类型;http、https、ftp(文件传输协议)、fileb、host:定义域主机(http的默认主机...
2018-10-29 17:40:09 154
原创 010-JSX表达式
React中的JSX在react中使用JSX来代替常规的JS,像XML的JS语法拓展。使用JSX// 1、JS表达式// a1、标签属性render () { var flag = true; return ( <input type='button' value='默认按钮' disabled={flag} /> )}// a2、innerHTML<p...
2018-10-16 00:04:26 269
原创 011-state属性
是什么是 一个UI数据模型,是组件渲染时的数据依据;是页面组件的支撑属性。工作原理state属性对组件进行更新之后,会自动将状态反应到虚拟DOM上,最后将信息更新到DOM上。如何使用import React,{Component} from 'react';class StateComponent extends Component { constructor ( ) { /*...
2018-10-15 22:43:51 181
原创 004-react-devtools安装和使用
在运行react项目时,安装react-devtools使调试更方便。1、下载.crx文件;2、打开拓展程序点击上图所指图标,找到菜单中的‘更多工具’—‘拓展程序’;页面如下:3、将.crx文件拖拽到拓展程序所在页面,显示如图信息即为添加成功;4、运行react项目之后,打开控制台,若出现如下情况则为正常,若没有显示“React”属性,则进行拓展程序中查看插件相应权限是否开启。...
2018-10-12 17:27:36 3265 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人