
react
fareast_mzh
A glitch in the Matrix
展开
-
react生命周期
/******************************************* Mounting ***********************************************/ * Class constructor constructor(){ super(); this.state={ contacts: [] }; ...原创 2018-08-07 22:12:53 · 299 阅读 · 0 评论 -
React Lifting State Up
* Calculator.js import React from 'react' class Calculator extends React.Component { constructor(props) { super(props); this.handleCelsiusChange = this.handleCelsiusChange.bind(...原创 2019-04-25 15:44:25 · 284 阅读 · 0 评论 -
React Forms, Handling Multiple Inputs
1. Demo#1 input[type=text] * NameForm.js import React from 'react' class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; ...原创 2019-04-25 11:31:45 · 333 阅读 · 0 评论 -
React Lists and Keys
Demo#1 * NumberList.js import React from 'react' class NumberList extends React.Component { numbers; render() { const numbers = this.props.numbers; const listItems = numbe...原创 2019-04-25 11:04:19 · 294 阅读 · 0 评论 -
React conditional rendering
1. DEMO#1 * Greeting.js import React from 'react'; class Greeting extends React.Component { constructor(props) { super(props) } render() { const isLoggedIn = this.pro...原创 2019-04-25 09:26:39 · 304 阅读 · 0 评论 -
react Handling Events
上一篇: react组件 状态和生命周期https://blog.youkuaiyun.com/fareast_mzh/article/details/89498926 * 环境配置: npm install -g npx npx create-react-app my-app cd my-app npm start * Toggle.js import React from 'react...原创 2019-04-24 19:02:25 · 253 阅读 · 0 评论 -
react 组件 状态和生命周期
上一篇: react组件和属性https://blog.youkuaiyun.com/fareast_mzh/article/details/89496806 * Clock.js import React from 'react'; class Clock extends React.Component { constructor(props) { super(pr...原创 2019-04-24 17:28:00 · 249 阅读 · 0 评论 -
react 组件和属性
1.配置react环境 https://blog.youkuaiyun.com/fareast_mzh/article/details/89489644 2. Comment.js import React from 'react'; class Comment extends React.Component { props; constructor(props) { ...原创 2019-04-24 16:34:16 · 310 阅读 · 0 评论 -
react 初始化项目环境
# run as Administrator npm install -g npx npx create-react-app my-app cd my-app npm start yarn start react 生命周期:https://blog.youkuaiyun.com/fareast_mzh/article/details/81489418 试试https://reactjs.or...原创 2019-04-24 11:42:14 · 393 阅读 · 0 评论 -
react Game: Tic Tac Toe
* Board.js import React from 'react'; class Board extends React.Component { renderSquare(i) { return ( <Square value={this.props.squares[i]} ...原创 2019-04-26 11:54:21 · 325 阅读 · 0 评论 -
react 的一些学习资料
* react开发实战 (Pro React) https://github.com/apress/pro-react * react 配置好的环境https://github.com/brickspert/react-family react教程https://github.com/brickspert/blog/issues/1 react后台管理 https://github...原创 2018-08-03 19:25:00 · 386 阅读 · 0 评论 -
React Composition vs Inheritance
1. DEMO#1 * WelcomeDialog.js import React from 'react' import "./WelcomeDialog.css" class FancyBorder extends React.Component { render() { return ( <div className={'Fanc...原创 2019-04-25 16:11:43 · 366 阅读 · 0 评论