![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
IT小菜鸟成长记
做一个勤奋的小菜鸡
展开
-
react入门
<!DOCTYPE html><html><head lang="en"> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&原创 2018-09-11 14:36:59 · 104 阅读 · 0 评论 -
react 项目构建
1、必须安装nodejs 注意:安装nodejs稳定版本 2、安装cnpm用cnpm替代npm 地址:http://npm.taobao.org/ 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org ...原创 2018-11-16 17:12:30 · 102 阅读 · 0 评论 -
React 数据双向绑定 以及键盘onChange 事件
React 事件以及form 表单中的应用;初步探索: 记录代码手法:数据的双向绑定:import React from 'react'import './../assets/css/common.css'const o_price = 20;const o_num = 1;class Model extends React.Component { ...原创 2018-11-21 14:30:24 · 1290 阅读 · 0 评论 -
react form 绑定值
react form 表单一般的表单应用其实不需要实时监控表单项的用户输入,用 defaultValue 如果需要数据的双向绑定那么需要value,onChange方法的联合使用import React from 'react';import './../assets/css/form.css'export default class ReactForm extends Rea...原创 2018-11-21 16:57:15 · 2126 阅读 · 0 评论 -
react 绑定数据 绑定属性 引入图片 循环数据
绑定数据:需要注意在react 组件中没有this指向对象,所以我们必须在constructor 构造函数中进行super(props);import React from 'react';class Home extends React.Component{ constructor (props) { super(props); this.s...原创 2018-11-19 23:58:05 · 393 阅读 · 0 评论 -
react父子组件传值
父子组件传值 父组件==>子组件 props: <Header run={this.run} ref="header" msg="我是首页的头部组件" active="home"/> 子组件: 我是{this.props.msg} 父组件代码: import React from 'react';import...原创 2018-11-26 10:45:30 · 136 阅读 · 0 评论