我是新來的反應,我試圖呈現一個新元素的onClick:在react.js渲染新元素的onClick
var LoginButton = React.createClass({
..............
..............
clickHandle : function() {
this.rememberMe = {
active: localforage.getItem('rememberMe', function (err, key) {
return key;
})
};
if (this.rememberMe.active == true || this.rememberMe.active == 'checked')
{
document.getElementById('loginForm').submit();
}
else {
React.render(<wantToRemember />, document.getElementById('loginbuttonhere'));
}
return this.rememberMe.active;
},
這是應該出現的元素:
var wantToRemember = React.createClass({
getInitialState : function() {
return {
position: 'absolute',
display: 'block',
top: '20px',
width: '100px',
height: '100px'
}
},
render : function() {
return (
<div className="rememberPopup" style={this.state}>
<div className="row">
<div className="staylogin">
<div className="col-md-4">
<label for="checkbox">Angemeldet bleiben</label>
</div>
<div className="col-md-1">
<input type="checkbox" id="checkbox" name="remember" />
</div>
</div>
</div>
</div>
);
}
});
但它不會出現,反而呈現的反應這個網站:
<wanttoremember data-reactid=".1"></wanttoremember>
我敢肯定,我在做一些很基本的東西不對,但想不通WH在。難道不可能調用這樣的不同元素嗎?
謝謝!這是它 – baao
這個答案實際上是一個更正確的JSX行爲和模式:http://stackoverflow.com/a/29799455/95190 – WiredPrairie