Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

4
Wie greife ich in React auf ein DOM-Element zu? Was ist das Äquivalent von document.getElementById () in React?
Wie wähle ich bestimmte Balken in react.js aus? Das ist mein Code: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) …
20
Formulardaten in ReactJS abrufen
Ich habe eine einfache Form in meiner renderFunktion, wie folgt: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } Was soll ich in meine …
7
Reagieren gegen ReactDOM?
Ich bin ein bisschen neu zu reagieren. Ich sehe, wir müssen zwei Dinge importieren, um loszulegen, Reactund ReactDOMkann jemand den Unterschied erklären. Ich lese die React-Dokumentation durch , aber es heißt nicht.
196 reactjs  react-dom 
4
Kann ich eine Aktion im Reduzierer auslösen?
Ist es möglich, eine Aktion in einem Reduzierer selbst auszulösen? Ich habe einen Fortschrittsbalken und ein Audioelement. Ziel ist es, den Fortschrittsbalken zu aktualisieren, wenn die Zeit im Audioelement aktualisiert wird. Ich weiß jedoch nicht, wo der Ereignishandler ontimeupdate platziert werden soll oder wie eine Aktion im Rückruf von ontimeupdate …
196 reactjs  redux  reducers 
29
"SyntaxError: Unerwartetes Token <in JSON an Position 0"
In einer React-App-Komponente, die Facebook-ähnliche Content-Feeds verarbeitet, tritt ein Fehler auf: Feed.js: 94 undefinierter "Parsererror" "SyntaxError: Unerwartetes Token &lt;in JSON an Position 0 Ich bin auf einen ähnlichen Fehler gestoßen, der sich als Tippfehler im HTML-Code innerhalb der Renderfunktion herausstellte, aber das scheint hier nicht der Fall zu sein. Verwirrender …
4
Wie validieren Sie die PropTypes eines verschachtelten Objekts in ReactJS?
Ich verwende ein Datenobjekt als Requisiten für eine Komponente in ReactJS. &lt;Field data={data} /&gt; Ich weiß, dass es einfach ist, das PropTypes-Objekt selbst zu validieren: propTypes: { data: React.PropTypes.object } Aber was ist, wenn ich die darin enthaltenen Werte validieren möchte? dh. data.id, data.title? props[propName]: React.PropTypes.number.required // etc...
191 reactjs 
9
Was ist der beste Weg, um außerhalb einer Reaktionskomponente auf den Redux-Speicher zuzugreifen?
@connectfunktioniert hervorragend, wenn ich versuche, innerhalb einer Reaktionskomponente auf den Speicher zuzugreifen. Aber wie soll ich in einem anderen Code darauf zugreifen? Zum Beispiel: Angenommen, ich möchte ein Autorisierungstoken zum Erstellen meiner Axios-Instanz verwenden, das global in meiner App verwendet werden kann. Was wäre der beste Weg, um dies zu …
3
Reagieren Sie auf eine funktionale zustandslose Komponente, PureComponent, Component; Was sind die Unterschiede und wann sollten wir was verwenden?
Wir haben erfahren , dass wir ab React v15.3.0 eine neue Basisklasse namens PureComponent haben , die mit dem integrierten PureRenderMixin erweitert werden kann . Was ich verstehe ist, dass unter der Haube ein flacher Vergleich der Requisiten im Inneren verwendet wird shouldComponentUpdate. Jetzt haben wir drei Möglichkeiten, eine React-Komponente …
13
Wie erhalte ich den Wert eines Eingabefeldes mit ReactJS?
Ich habe die folgende Reaktionskomponente: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... &lt;form className="form-horizontal"&gt; ... &lt;input type="text" className="form-control" ref={(c) =&gt; this.title = c} name="title" /&gt; ... &lt;/form&gt; ... &lt;button type="button" onClick={this.onSubmit} className="btn"&gt;Save&lt;/button&gt; ... ); } }; Die …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.