react
前端岚枫
技术翻译,技术人生,前端知识,生活感悟
展开
-
react笔记-设计复合式控件(三)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>复合式组件设计</title> <script src="../build/react.js"></script&原创 2018-03-15 09:02:35 · 381 阅读 · 0 评论 -
react留言功能准备一
1. props组件初始要渲染的数据不可改变 2. 组件状态发生改变时候,调用render方法,重新渲染<!DOCTYPE html><html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo原创 2018-04-12 10:56:16 · 631 阅读 · 0 评论 -
react 表单元素radio
class App extends Component{ constructor(props){ super(props) this.handleChange = this.handleChange.bind(this); this.state = { radioValue:'' } } ...原创 2018-03-21 16:29:19 · 7770 阅读 · 0 评论 -
react form表单 input和textarea用法
在 HTML 中,表单元素如 , 和 表单元素通常保持自己的状态,并根据用户输入进行更新。而在 React 中,可变状态一般保存在组件的 state(状态) 属性中,并且只能通过 setState() 更新 我们可以通过使 React 的 state 成为 “单一数据源原则” 来结合这两个形式。然后渲染表单的 React 组件也可以控制在用户输入之后的行为。这种形式,其值由 React 控制的...原创 2018-03-21 15:46:28 · 17280 阅读 · 0 评论 -
react设置static defaultProps报错问题解决
今天做个简单的demo,老是报static defaultProps语法错误,代码如下import React,{Component} from 'react';import ReactDOM from 'react-dom';class Button extends Component{ constructor(props) { super(props)...原创 2018-03-20 16:28:55 · 7188 阅读 · 1 评论 -
webpack 的webpack.config文件配置css-loader,style-loader注意的问题
module.exports = { //引入的文件名 entry:'./entry.js', output:{ //存储位置 path:__dirname, //生成的文件名 filename:'bundle.js' }, //要使用的模块 module:{ // ...原创 2018-03-20 15:08:40 · 2881 阅读 · 0 评论 -
react学习笔记(二)
<!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> &l原创 2018-03-13 15:46:26 · 485 阅读 · 0 评论 -
react学习笔记(一)
import React from 'react';import ReactDOM from 'react-dom';//es6语法//style内联样式不能用html那种方式,需要用对象写法如style={{"color":'red'}} ,class要写成className,因为class在es6中是关键字//{}js表达式class Hello extends React.Com...原创 2018-03-13 15:14:01 · 295 阅读 · 0 评论 -
react-组件状态机制(五)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件的状态机制</title> <script src="../build/react.js"></script&原创 2018-03-15 14:47:07 · 473 阅读 · 0 评论 -
react笔记组件属性传递机制(四)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>复合式组件设计</title> <script src="../build/react.js"></script&原创 2018-03-15 10:16:26 · 413 阅读 · 0 评论 -
react留言功能实现(二)
用react实现的简单留言功能,提交留言和删除留言,组件划分: 总组件:MainComponent 消息组件:MesComponent 列表展示组件:ListComponent 列表组件:ItemComponent数据结构 { userName:”zt”, co...原创 2018-04-14 09:12:27 · 1091 阅读 · 0 评论