![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
reactjs
c_reshape
I went from zero
展开
-
React 之受控组件和非受控组件
在React中,所谓受控组件和非受控组件,是针对表单而言的 表单受控组件 1、表单元素依赖于状态,表单元素需要默认值实时映射到状态的时候,就是受控组件,这个和双向绑定相似 2、受控组件,表单元素的修改会实时映射到状态值上,此时就可以对输入的内容进行校验 3、受控组件只有继承React.Component才会有状态 4、受控组件必须要在表单上使用onChange事件来绑定对应的事件 class Control extends React.Component { // 这样的写法也是声明在原创 2020-10-10 16:39:21 · 280 阅读 · 0 评论 -
react-router-4
https://css-tricks.com/react-router-4/原创 2020-05-22 10:15:12 · 103 阅读 · 0 评论 -
工作中css的常用样式
display:inline-block;不独占一行的块级元素 vertical-align: middle;设置元素的垂直对齐方式, 把此元素放置在父元素的中部 display: flex; flex: 1; 所有的子元素平均分配 flex-direction: column;子元素按列排布(竖向排布) align-items: center; 弹性布局...原创 2019-12-13 11:56:42 · 118 阅读 · 0 评论 -
PropTypes和DefaultTypes的应用
1. PropTypes import React, { Component } from 'react'; import PropTypes from 'prop-types'; class Greeting extends Component { render() { const { name } = this.props; return ( <h1...原创 2019-11-30 10:13:25 · 115 阅读 · 0 评论 -
React16.4 快速上手 --- (2)实现列表项的删除功能
代码: handleItemClick(index){ const list = [...this.state.list]; // step2 list.splice(index,1) // step3 this.setState({ list:list }) // step4 } render(){ return( ...原创 2019-11-21 13:47:34 · 178 阅读 · 0 评论 -
React16.4 快速上手 --- (1)编写todolist功能以及新增列表项
import React from 'react'; class ToDoList extends React.Component{ constructor(props){ super(props); this.state = { list: [], inputValue: '', }; ...原创 2019-11-20 22:14:08 · 156 阅读 · 0 评论