qq_44170622的博客

changeEvent=(e)=>{ let value = e.target.value.replace(/[^\d]/, '') this.setState({ checkCode: value })} <input value={this.state.checkCode} onChange={(e) => this.changeEvent(e)></input>解析：[\d]表示所有除了数字以外的字符，/g表示全局匹配，.replace(

1今天在组件里面引入组件，因为第一个字母没有大写，导致引入失败import UpfileComponents from '../../components/common/upfile';为什么react 组件首字母需要大写？SX语法 向 真实DOM的转换我们在 React 中都是写的 JSX语法，从 JSX语法 到页面上的 真实DOM大概需要经历以下几个阶段：JSX语法 —> 虚拟DOM（JS对象） —> 真实DOM。 因为浏览器是无法识别JSX语法的，因此我们需要通过 babe

1.导入import {findDOMNode} from ‘react-dom’2.绑定ref<div ref="refTest"</div>3.绑定监听事件//监听外部click componentDidMount() { document.addEventListener('mousedown', (e)=>this.handleClickOutside(e), false); } componentWillUnm

return <span onClick={this.cancel.bind(this,record)} style={{background:'#FFAD37 ',color:'#fff',cursor:"pointer",fontSize:"15px",padding:'5px',margin:'3px',borderRadius:'8px'}}> 取消设置 </span>cancel =(rec..

react的index中的ReactDOM.render文件import React from 'react';import ReactDOM from 'react-dom';import Check from './check.jsx';// import Browser from './browser.jsx';ReactDOM.render( <Check/>, document.getElementById('root'));基本样式文件imp

在vue里面我们可以使用v-for循环我们的list里面的数据，然而我们的react，感觉更加接近我们的原生开发，今天我们就需要实现我们的list里面的数据，那么我们应该如何实现的我们的循环list里面的数据呢------map下面就实现一个最简单的list里面的数据吧import React, {Component} from 'react'class App extends Component { constructor(props) { super(props);

终于来到了react开发，心里还是比较开心的。今天就来说说如何在react上面打印第一个hello，world1首先我们可以建立一个react脚手架作为我们的demonpm install -g create-react-appcreate-react-app 你的项目名安装完成后cd 进去npm run start2.然后我们可以尝试删除多余的文件，留下我们的APP.js和index.js里面紧接着我们可以在我们的APP.里面写我们的组件，紧接着我们可以把我们的组件进行导入