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.

3
ASP.NET Core 2.0 Razor vs Angular / React / etc.
Mein Team und ich haben Finanzmittel erhalten, um mit der Entwicklung einer Webanwendung auf Unternehmensebene zu beginnen (wir werden nicht näher auf deren Funktionsweise eingehen). Die Anwendung wird viele separate Webseiten haben, aber zwei dieser Seiten sind fokussierter und sehr schwer - schwer wie bei vielen Benutzerinteraktionen, Modalitäten, die Massendaten …
4
Wie sende ich ein Formular mit der Eingabetaste in react.js?
Hier ist mein Formular und die onClick-Methode. Ich möchte diese Methode ausführen, wenn die Eingabetaste der Tastatur gedrückt wird. Wie ? NB: Keine Anfrage wird geschätzt. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> …
9
ReactJS: setTimeout () funktioniert nicht?
Unter Berücksichtigung dieses Codes: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Soll sich der Zustand nicht erst nach 3 …
9
tslint sagt, dass Aufrufe von console.log nicht erlaubt sind - Wie erlaube ich das?
Ich habe gerade angefangen, die Create-React-App mit Typoskript zu verwenden create-react-app my-app --scripts-version=react-scripts-ts und die Standardkonfiguration tslint.json erlaubt console.log () nicht. Wie kann ich (vorerst) console.log aktivieren? Die Dokumente hierzu finden Sie unter https://palantir.github.io/tslint/rules/no-console/ . Aber sie sagen nicht, wo sie diese Zeile setzen sollen: "no-console": [true, "log", "error"] Ich …
6
HashRouter vs BrowserRouter
Ich bin neu in der Programmierung, was es für mich etwas schwierig macht, Dinge zu verstehen, wenn ich die offiziellen Dokumente lese. Ich habe von hier aus über React Router 4 gelesen In diesem Artikel sprach der Autor über <HashRouter>und<BrowserRouter> Das hat er erwähnt HashRouter verwendet im Grunde den Hash …
101 reactjs 
13
Wie verwende ich die switch-Anweisung in einer React-Komponente?
Ich habe eine React-Komponente und innerhalb der renderMethode der Komponente habe ich ungefähr Folgendes: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Jetzt geht es darum, dass ich zwei divElemente habe, eines oben und …
101 reactjs 
5
Was ist der Unterschied zwischen "useRef" und "createRef"?
Ich habe gerade die Hooks-Dokumentation durchgesehen, als ich darauf gestoßen bin useRef. Schauen Sie sich ihr Beispiel an… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button …
4
PropTypes vs. Flow reagieren
PropTypes und Flow decken ähnliche Dinge ab, verwenden jedoch unterschiedliche Ansätze. PropTypes kann Sie zur Laufzeit warnen. Dies kann hilfreich sein, um fehlerhafte Antworten von einem Server usw. schnell zu finden. Flow scheint jedoch die Zukunft zu sein und ist mit Konzepten wie Generika eine sehr flexible Lösung. Auch die …
6
setInterval in einer React-App
Ich bin noch ziemlich neu bei React, aber ich habe mich langsam weiterentwickelt und bin auf etwas gestoßen, an dem ich festgefahren bin. Ich versuche, eine "Timer" -Komponente in React zu erstellen, und um ehrlich zu sein, weiß ich nicht, ob ich das richtig (oder effizient) mache. In meinem Code …
7
Wie bekomme ich den Verlauf auf React-Router v4?
Ich habe ein kleines Problem bei der Migration von React-Router v3 auf v4. in v3 konnte ich das überall machen: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Wie erreiche ich das in v4? Ich weiß, dass ich die Hoc- withRouter, Reaktionskontext- oder Event-Router-Requisiten verwenden kann, wenn Sie sich in einer …
4
So speichern Sie die Konfigurationsdatei und lesen sie mit React
Ich bin neu bei react.js. Ich habe eine Komponente implementiert, in der ich die Daten vom Server abrufe und wie folgt verwende: CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting …
10
Einschließen eines React-Router-Links in eine HTML-Schaltfläche
Verwenden der vorgeschlagenen Methode: Dies ist das Ergebnis: Ein Link in der Schaltfläche , Code zwischen Kommentarzeilen Ich habe mich gefragt, ob es eine Möglichkeit gibt, ein LinkElement mithilfe von "Reagieren" 'react-router'in ein HTML- buttonTag einzuschließen. Ich habe derzeit LinkKomponenten zum Navigieren in Seiten in meiner App, möchte diese Funktionalität …
3
Wie aktualisiere ich den Reaktionskontext innerhalb einer untergeordneten Komponente?
Ich habe die Spracheinstellungen im Kontext wie unten class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; Mein Bewerbungscode lautet wie folgt <LanguageProvider> <App> <MyPage /> </App> </LanguageProvider> Meine Seite …
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.