Javascript 从div获取值

我是新来的。 如何使用react js实现以下逻辑

这是两个div和一个按钮。当用户单击按钮时，这些div将切换

你可以这样使用

var Component = React.createClass({
    getInitialState: function () {
        return {
            outsideText: 'Outside',
            insideText: 'Inside'
        }
    },

    handleClick: function () {
        this.setState({
            outsideText: this.state.insideText,
            insideText: this.state.outsideText
        })
    },

    render: function() {
        return <div>
            <div>
                { this.state.outsideText }
                <div>
                    { this.state.insideText }
                </div>
            </div>
            <button onClick={this.handleClick}>Change Text</button>
        </div>;
    }
});

var Component=React.createClass({
getInitialState:函数（）{
返回{
外部文本：“外部”，
insideText:“内部”
}
},
handleClick:函数（）{
这是我的国家({
outsideText:this.state.insideText，
insideText:this.state.outsideText
})
},
render:function（）{
返回
{this.state.outsideText}
{this.state.insideText}
更改文本
;
}
});

你可以这样使用

var Component = React.createClass({
    getInitialState: function () {
        return {
            outsideText: 'Outside',
            insideText: 'Inside'
        }
    },

    handleClick: function () {
        this.setState({
            outsideText: this.state.insideText,
            insideText: this.state.outsideText
        })
    },

    render: function() {
        return <div>
            <div>
                { this.state.outsideText }
                <div>
                    { this.state.insideText }
                </div>
            </div>
            <button onClick={this.handleClick}>Change Text</button>
        </div>;
    }
});

var Component=React.createClass({
getInitialState:函数（）{
返回{
外部文本：“外部”，
insideText:“内部”
}
},
handleClick:函数（）{
这是我的国家({
outsideText:this.state.insideText，
insideText:this.state.outsideText
})
},
render:function（）{
返回
{this.state.outsideText}
{this.state.insideText}
更改文本
;
}
});

Stackoverflow应该对你有帮助Stackoverflow应该对你有帮助