码迷,mamicode.com
首页 > 其他好文 > 详细

[React Fundamentals] State Basics

时间:2016-08-15 06:39:21      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

State is used for properties on a component that will change, versus static properties that are passed in. This lesson will introduce you to taking input within your React components.

 

Unlike props, which are meant to be passed into our component as static values or methods, state is a collection of values that‘s meant to be managed by our component itself. 

 

import React from ‘react‘;

export default class App extends React.Component {
    constructor(){
        super(); //This is going to give us our context for this within our component
        this.state = {
            txt: ‘State‘,
            count: 1
        }
    }
    update(e){
        this.setState({
            txt: e.target.value
        })
    }
    render() {
        return (
            <div>
                <input type="text" onChange={this.update.bind(this)} />
                <span>Hello {this.state.txt}</span>
            </div>
        )
    }
}

 

[React Fundamentals] State Basics

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/5771544.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!