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.

6
Warum kann ich den Status einer Komponente nicht direkt ändern?
Ich verstehe, dass React-Tutorials und -Dokumentationen ohne Zweifel warnen, dass der Status nicht direkt mutiert werden sollte und dass alles durchlaufen sollte setState. Ich möchte verstehen, warum genau ich nicht einfach den Status direkt ändern und dann (in derselben Funktion) aufrufen kann, this.setState({})nur um den auszulösen render. Beispiel: Der folgende …
5
Wie teste ich Axios im Scherz?
Ich habe diese Aktion in Reaktion export function fetchPosts() { const request = axios.get(`${WORDPRESS_URL}`); return { type: FETCH_POSTS, payload: request } } Wie teste ich in diesem Fall Axios? Jest haben diesen Anwendungsfall auf der Website für asynchronen Code, wo sie eine Scheinfunktion verwenden, aber ich weiß nicht, ob ich …
5
Reagieren Sie auf Standard-Requisiten für Funktionskomponenten und Standardparameter
In einer React- Funktionskomponente , die den besseren Ansatz zum Festlegen von Standard-Requisiten darstellt, verwenden Component.defaultPropsoder verwenden Sie die Standardparameter für die Funktionsdefinition: Standard Requisiten: const Component = ({ prop1, prop2 }) => ( <div></div> ) Component.defaultProps = { prop1: false, prop2: 'My Prop', } Standardparameter: const Component = ({ …
12
Visual Studio-Code ändert das Format (React-JSX)
Ich habe das folgende Snippet in meiner index.js class App extends Component { render() { return ( <div style = { styles.app } > Welcome to React! </div> ) } } Der Code funktioniert, aber jedes Mal, wenn ich das Visual Studio-Format (Strg + S) speichere, sieht das jsx folgendermaßen …
3
Klasse erweitert React.Component kann getInitialState in React nicht verwenden
Ich überprüfe die ES6-Syntax in React und schreibe die Komponenten wie folgt: export default class Loginform extends React.Component { getInitialState() { return { name: '', password: '' }; }; } aber der Browser wirft mir eine Warnung vor: Warnung: getInitialState wurde in Loginform definiert, einer einfachen JavaScript-Klasse. Dies wird nur …
77 reactjs 
11
setState (…): Kann nur eine gemountete oder gemountete Komponente aktualisieren. Dies bedeutet normalerweise, dass Sie setState () für eine nicht gemountete Komponente aufgerufen haben. Dies ist ein No-Op
componentDidMount(prevProps, prevState, prevContext) { let [audioNode, songLen] = [this.refs.audio, List.length-1]; audioNode.addEventListener('ended', () => { this._endedPlay(songLen, () => { this._currSong(this.state.songIndex); this._Play(audioNode); }); }); audioNode.addEventListener('timeupdate', () => { let [remainTime, remainTimeMin, remainTimeSec, remainTimeInfo] = []; if(!isNaN(audioNode.duration)) { remainTime = audioNode.duration - audioNode.currentTime; remainTimeMin = parseInt(remainTime/60); // 剩余分 remainTimeSec = parseInt(remainTime%60); // 剩余秒 …
77 reactjs 
1
Wird componentDidMount des übergeordneten Elements nach allen componentDidMount der untergeordneten Elemente aufgerufen?
Ich habe den folgenden Code in meinem Render des Elternteils <div> { this.state.OSMData.map(function(item, index) { return <Chart key={index} feature={item} ref="charts" /> }) } </div> Und Code unten in meinem Kinderdiagramm <div className="all-charts"> <ChartistGraph data={chartData} type="Line" options={options} /> </div> Ich dachte, die componentDidMount des Elternteils wird erst aufgerufen, nachdem alle Kinder …
5
So wiederholen Sie ein Element n-mal mit JSX
Ich verwende React / JSX in meiner App, um das zu erreichen, was ich will, auch Lodash. Ich muss ein Element je nach Bedingung einige Male wiederholen. Wie soll ich das machen Hier ist das Element: <span className="busterCards">♦</span>; Und ich ordne es so zu: let card; if (data.hand === '8 …
5
Wie kann ich den Ref einer zustandslosen Komponente in React anhängen?
Ich möchte eine zustandslose Komponente erstellen, deren inputElement von der übergeordneten Komponente überprüft werden kann. In meinem Beispiel unten stößt ich auf ein Problem, bei dem die Eingabe refniemals dem Privateigentum des Elternteils zugewiesen wird _emailAddress. Wann handleSubmitheißt, this._emailAddressist undefined. Fehlt mir etwas oder gibt es einen besseren Weg, dies …
10
Sie sollten <Link> nicht außerhalb eines <Routers> verwenden
Ich versuche, den React-Router in einer Beispielanwendung einzurichten, und erhalte die folgende Fehlermeldung: You should not use &lt;Link&gt; outside a &lt;Router&gt; Meine App ist wie folgt eingerichtet: Übergeordnete Komponente const router = ( &lt;div className="sans-serif"&gt; &lt;Router histpry={browserHistory}&gt; &lt;Route path="/" component={Main}&gt; &lt;IndexRoute component={PhotoGrid}&gt;&lt;/IndexRoute&gt; &lt;Route path="/view/:postId" component={Single}&gt;&lt;/Route&gt; &lt;/Route&gt; &lt;/Router&gt; &lt;/div&gt; ); render(&lt;Main …
6
So synchronisieren Sie Requisiten mithilfe von React-Hooks zum Status: setState ()
Ich versuche, den Status mithilfe von React hook setState () mithilfe der Requisiten festzulegen, die die Komponente erhält. Ich habe versucht, den folgenden Code zu verwenden: import React,{useState , useEffect} from 'react'; const Persons = (props) =&gt; { // console.log(props.name); const [nameState , setNameState] = useState(props) console.log(nameState.name); console.log(props.name); return ( …
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.