如何使用ReactJS在提交事件后添加组件？

我试图在另一个组件的提交事件之后添加一个组件

var Extention=React.createClass({
render:function（）{
警报（“进入功能”）；
返回(
这是我的第二个表单代码所在的位置
);
}
});
var FormButton=React.createClass（{
handleSubmit:函数（e）{
e、 预防默认值（）；
返回（）；
},
render:function（）{
返回(
);
}
});   

---

我想做的是单击

中的提交按钮，将

加载到页面上。

扩展

组件呈现函数，但JSX不会返回到浏览器。任何帮助都将不胜感激

像这样的方法应该会奏效：

var FormButton = React.createClass({ 
    getInitialState: function() {
        return {'submitted': false};
    },

    handleSubmit: function(e) {
        e.preventDefault();
        this.setState({'submitted': true });
    },
    render: function() {
        if (this.state.submitted) {
            return <Extention/>;
        }
        else {
            return (
                <form role="form" onSubmit={this.handleSubmit}>
                    <input type="submit" value ="" />
                </form> 
            );
        }
    }
});   

var FormButton=React.createClass（{
getInitialState:函数（）{
返回{'submitted'：false}；
},
handleSubmit:函数（e）{
e、 预防默认值（）；
this.setState（{'submitted'：true}）；
},
render:function（）{
如果（此.state.submitted）{
返回；
}
否则{
返回(
);
}
}
});