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.


7
React.js: onChange-Ereignis für contentEditable
Wie höre ich, um ein Ereignis für eine contentEditablebasierte Steuerung zu ändern ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number …


14
Kann ich in React Native dynamische Stile erstellen?
Angenommen, ich habe eine Komponente mit einem Render wie diesem: <View style={jewelStyle}></View> Wo juwelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Wie kann ich die Hintergrundfarbe dynamisch und zufällig zuordnen? ich habe es versucht { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Dadurch haben …


8
Verwendung des Rückrufs "setState" für Reaktions-Hooks
React Hooks wird useStatezum Einstellen des Komponentenzustands eingeführt. Aber wie kann ich Hooks verwenden, um den Rückruf wie folgt zu ersetzen: setState( { name: "Michael" }, () => console.log(this.state) ); Ich möchte etwas tun, nachdem der Status aktualisiert wurde. Ich weiß, dass ich useEffectdie zusätzlichen Dinge verwenden kann, aber ich …
119 reactjs 


18
Reagieren - Wie werden HTML-Tags in Requisiten übergeben?
Ich möchte in der Lage sein, Text mit HTML-Tags zu übergeben, wie folgt: <MyComponent text="This is <strong>not</strong> working." /> Aber innerhalb der Rendermethode druckt es MyComponentbeim Ausdrucken this.props.textbuchstäblich alles aus: This is <strong>not</strong> working. Gibt es eine Möglichkeit, React dazu zu bringen, HTML zu analysieren und ordnungsgemäß auszugeben?
118 reactjs 

3
Wann sollte ich React.cloneElement vs this.props.children verwenden?
Ich bin immer noch ein Neuling bei React und in vielen Beispielen im Internet sehe ich diese Variation beim Rendern von untergeordneten Elementen, die ich verwirrend finde. Normalerweise sehe ich das: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Aber dann sehe …
118 reactjs 

3
PropTypes in einer TypeScript React-Anwendung
Ist die Verwendung React.PropTypesin einer TypeScript React-Anwendung sinnvoll oder handelt es sich nur um "Gürtel und Hosenträger"? Da die Komponentenklasse mit einem PropsTypparameter deklariert ist: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } Gibt es einen wirklichen Vorteil beim Hinzufügen? static propTypes { …

3
Was ist {this.props.children} und wann sollten Sie es verwenden?
Als Anfänger der React-Welt möchte ich {this.props.children}genau verstehen, was passiert, wenn ich es benutze und in welchen Situationen ich es benutze . Welche Relevanz hat es im folgenden Code-Snippet? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

30
Drucken: Eintrag ": CFBundleIdentifier" existiert nicht
Wenn ich react-native run-iosden Build ausführe , ist er erfolgreich, aber ich erhalte den folgenden Fehler. Ich habe überall nachgesehen, aber nichts scheint zu funktionieren. Die Verwendung sudovor dem Befehl hilft auch nicht. Ich verwende Xcode 7.3, React-Native-Cli: 0.2.0, React-Native: 0.24.1, Node v5.11.0. === BUILD TARGET mobileTests OF PROJECT mobile …

9
So lassen Sie den Webpack-Dev-Server Einstiegspunkte vom React-Router zu
Ich erstelle eine App, die neben dem React-Router auch den Webpack-Dev-Server in der Entwicklung verwendet. Es scheint, dass der Webpack-Dev-Server auf der Annahme basiert, dass Sie einen öffentlichen Einstiegspunkt an einem Ort haben (dh "/"), während der React-Router eine unbegrenzte Anzahl von Einstiegspunkten zulässt. Ich möchte die Vorteile des Webpack-Dev-Servers …

10
npm ERR! Code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
Ich versuche alle Möglichkeiten, um eine Reaktionsanwendung zu erstellen. Ich habe es mit Maven versucht und jetzt versuche ich es mit einem Crate-React-App-Build-System von Facebook Incubators. Als ich versuchte, den Befehl create-react-app my-appin einer npm-Umgebung auszuführen , funktionierte er auf meinem persönlichen System ohne Probleme. Aber als ich den gleichen …

18
So beheben Sie den Fehler beim "reaktionsnativen Start"
Ich habe gerade node.js & cli installiert installierte node.js installierte react-native-cli npm -g react-native-cli Und ein 'neues Projekt' erstellt. react-native init new_project und in diesem 'new_project'-Verzeichnis war ich müde zu sehen, ob der Metro Bundler gut funktioniert. react-native start Aber der Befehl gab mir folgenden Fehler und die U-Bahn startet …

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.