ReactJS - créer élément de script

Question

Je me demandais de je peux créer un élément de script en utilisant réagissent, quelque chose comme:

var reactScriptElement = React.createElement('script', {src: "d.js"}); 
ReactDOM.render(reactScriptElement, document.getElementById('button')); 

Mais, le script est pas géré par le navigateur. Cependant, il fait la manière native, ne semble pour l'exécuter:

var script = document.createElement('script'); 
script.src = "./d.js"; 
var div = document.getElementById('button'); 
div.appendChild(script); 

Alors, est-ce un bug, par la conception, ou quelque chose que je fais mal?

Editer: Ceci n'est pas un doublon. La question ici est la différence entre les deux, pourquoi ils n'agissent pas de la même manière.

Answer 1

Impossible de confirmer cela, mais je pense que vous devez passer un composant Réagir au lieu de l'élément de réaction. C'est pourquoi ça ne marchera pas.

class reactScriptElement extends React.Component { 
    ... 
    componentWillMount() { 
    const script = document.createElement("script"); 
    script.src = "d.js"; 
    document.body.appendChild(script); 
    } 
    ... 
} 

ReactDOM.render(reactScriptElement, document.getElementById('button')); 

Habituellement React.createElement est utilisé pour retourner de procédé render() d'un composant réagir. Votre façon de créer un élément ne fonctionnera pas parce que vous passez un élément au lieu d'un composant.

Utilisation correcte des React.createElement() -

class App extends React.Component { 
    ... 
    render() { 
    return React.createElement(MyLabel, {label: "Here is the label prop"}, 
     React.createElement("div", {}, 
     React.createElement("input", {type: "text", value: "And here is a child"}) 
    ) 
    ); 
    } 
};