2016-04-15 13 views
3

Ich erstelle meine erste Anwendung mit ReactJS. Also möchte ich wissen, ob React in einem vorhandenen HTML verwendet (hinzugefügt) werden kann?ReactJS in einem vorhandenen HTML

Bitte helfen Sie mir

Antwort

2

Möglicherweise JA.

Sie können mit Reagieren nur bestimmte dynamische Widgets in einer vorhandenen Website erstellen. Sie sind nicht gezwungen, ALLE Ihre DOM mit React zu rendern/manipulieren.

Wenn Sie eine React-Komponente rendern, müssen Sie den Stamm-DOM-Knoten angeben, wo er gerendert wird.

Nur um ein Beispiel zu machen:

class HelloMessage extends React.Component { 
    render() { 
    return <div>Hello {this.props.name}</div>; 
    } 
} 
ReactDOM.render(<HelloMessage name="Sebastian" />, mountNode); 

In diesem Fall mountnode wird innerhalb Ihrer Seite ein Verweis auf einen bestimmten DOM-Knoten sein. Reagieren funktioniert nur innerhalb dieses Knotens, also wenn Sie es nicht mit anderen Bibliotheken/Teilen von JavaScript-Code manipulieren, sollte alles wie erwartet funktionieren.

+1

Ok vielen Dank – Randa

0

Ja, Sie können. Sehen Sie sich Ihren HTML-Code an, um zu sehen, welchen Teil Sie dynamisch machen möchten, und fügen Sie ihn in den ReactJS-Goodies hinzu. Alles hängt davon ab, was Sie brauchen und wie Sie die ReactJS-Bibliothek verstehen.

Hier ist ein Tutorial, das Ihnen helfen kann.

ReactJS Tutorial

+0

Ok vielen Dank – Randa

Verwandte Themen