随笔分类 - 前端-工作篇-react工作
前端-react工作
摘要：<Row gutter={12}> <Col span={12}> <Form.Item label="活动开始时间"> {getFieldDecorator('startTimeLong', { initialValue: popupByIdDetail.startTimeLong, rules:
阅读全文
摘要：const element = <div />; 不过，React 元素也可以是用户自定义的组件： const element = <Welcome name="Sara" />; 当 React 元素为用户自定义组件时，它会将 JSX 所接收的属性（attributes）以及子组件（childre
阅读全文
摘要：定义组件最简单的方式就是编写 JavaScript 函数： function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 该函数是一个有效的 React 组件，因为它接收唯一带有数据的 “props”（代表属性）对象与并返回一个 R
阅读全文
摘要：JSX 表示对象 Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。 以下两种示例代码完全等效： const element = ( <h1 className="greeting"> Hello, world! </h1> ); const eleme
阅读全文
摘要：JSX 表示对象 Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。 以下两种示例代码完全等效： const element = ( <h1 className="greeting"> Hello, world! </h1> ); const eleme
阅读全文
摘要：JSX 特定属性 你可以通过使用引号，来将属性值指定为字符串字面量： const element = <div tabIndex="0"></div>; 也可以使用大括号，来在属性值中插入一个 JavaScript 表达式： const element = <img src={user.avatar
阅读全文
摘要：const name = 'Josh Perez';const element = <h1>Hello, {name}</h1>; ReactDOM.render( element, document.getElementById('root') ); jsx语法是个表达式 可以直接声明变量
阅读全文
摘要：ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'); 它将在页面上展示一个 “Hello, world!” 的标题。
阅读全文
摘要：什么是组件？ 官方定义：将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。 解读：我们可以理解为能够组成一个UI界面的每一个独立的代码片段，例如表单的代码集合，轮播图的代码集合，讲这些能够构成特定功能的代码集合我们称之为组件。 React.component子类 我们以
阅读全文
摘要：onRef={(ref) => { this.uploadImg = ref; }}
阅读全文
摘要：value too long for type character varying(64)\n### The error may exist in com/yoao/cloud/advertisemen t/persistence/mapper/ActivityPopupDao.java (best
阅读全文
摘要：我在自定义组件中定义了value值，getFieldDecorator会覆盖我们定义的值， 需要添加默认值可以使用在getFieldDecorator的时候，设置initialValue， 删除在自定义组件中定义的value就可以了！
阅读全文
摘要：<div style={{ overflow: 'hidden' }}> <Radio.Group style={{ float: 'left', marginTop: 5 }} onChange={this.handleOpenScopeType} value={openScopeType} >
阅读全文
摘要：import { Select } from 'antd'; const { Option } = Select; function onChange(value) { console.log(`selected ${value}`); } function onBlur() { console.l
阅读全文
摘要：// 父组件 import React from 'react' import Son from './son' import { Button } from 'antd' class Father extends React.Component { child: any constructor(p
阅读全文
摘要：import React from 'react' import Son from './son' class Father extends React.Component { constructor(props) { super(props) } state = { info: '父组件', }
阅读全文
摘要：import { Upload, message, Button, Icon } from 'antd'; const props = { name: 'file', action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76', header
阅读全文
摘要：import { Spin } from 'antd'; ReactDOM.render(<Spin />, mountNode);
阅读全文
