React renderComponent remplace DOM
JSX code:
var App = React.createClass({
render: function() {
return <div className="darken">hello world</div>
}
});
React.renderComponent(<App/>, document.querySelector('.main'))
HTML:
<body>
<header>welcome</header>
<div class="main"></div>
</body>
React.renderComponent
ajoutera rendu JSX pour <div class="main">
. Sortie de HTML sera:
<body>
<header>welcome</header>
<div class="main">
<div class="darken">hello world</div>
</div>
</body>
Est-il possible React.renderComponent
remplacer <div class="main">
donc ce que j'attends comme ceci:
<body>
<header>welcome</header>
<div class="darken">hello world</div>
</body>
source d'informationauteur user3741665
Vous devez vous connecter pour publier un commentaire.
A été d'avoir un problème pour faire mon composant de rendre à Réagir 0.14.0. Ma solution était de s'assurer vos scripts ont un type particulier:
Inclure ces trois bibliothèques:
Ensuite utiliser
ReactDOM.render()
:Je ne suis même pas en utilisant ES6 ou un système de construction. La solution la plus Simple pour obtenir le texte sur l'écran avec react.js
Sûr, il suffit d'utiliser:
A eu un problème similaire et c'est ce que je suis venu avec.
La remplacer par une simple balise span sorte qu'il n'affecte pas votre style.
Qui va produire