Domande taggate «reactjs»

React (noto anche come React.js o ReactJS) è una libreria JavaScript sviluppata da Facebook per la creazione di interfacce utente. Utilizza un paradigma dichiarativo basato sui componenti e mira a essere sia efficiente che flessibile.

3
Come utilizzare il metodo del ciclo di vita getDerivedStateFromProps rispetto a componentWillReceiveProps
Sembra componentWillReceivePropsche verrà gradualmente eliminato nelle prossime versioni, a favore di un nuovo metodo del ciclo di vita getDerivedStateFromProps: statico getDerivedStateFromProps () . Al momento dell'ispezione, sembra che ora non sia possibile effettuare un confronto diretto tra this.propse nextProps, come è possibile componentWillReceiveProps. C'è un modo per aggirare questo? Inoltre, …
11
React.js: identificazione di input diversi con un gestore onChange
Curioso quale sia il modo giusto di affrontarlo: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + …
142 javascript  reactjs  jsx 
9
Violazione invariante: impossibile trovare "store" nel contesto o nei puntelli di "Connect (SportsDatabase)"
Codice completo qui: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Ciao, Ho un'applicazione in cui mostra diversi modelli per desktop e dispositivi mobili in base all'ambiente di costruzione. Sono in grado di svilupparlo con successo dove devo nascondere il menu di navigazione per il mio modello di cellulare. in questo momento sono in grado di scrivere …
142 reactjs  mocha  redux 
11
Input dattiloscritto onchange event.target.value
Nel mio reagire e app dattiloscritto, io uso: onChange={(e) => data.motto = (e.target as any).value}. Come definisco correttamente le tipizzazioni per la classe, quindi non dovrei scavalcare il sistema di tipi con any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } Se …
10
Cos'è Virtual DOM?
Di recente, ho esaminato il framework React di Facebook . Usa un concetto chiamato "Virtual DOM", che non ho capito bene. Cos'è il DOM virtuale? Quali sono i vantaggi?
6
Come caricare file di immagini con il caricatore di file webpack
Sto usando il webpack per gestire un progetto reazioni . Voglio caricare immagini in javascript tramite webpack file-loader. Di seguito è il webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; …
6
ReactJS chiama il metodo parent
Sto facendo il mio primo passo in ReactJS e sto cercando di capire la comunicazione tra genitori e figli. Sto facendo forma, quindi ho il componente per i campi di stile. E ho anche un componente genitore che include il campo e lo controlla. Esempio: var LoginField = React.createClass({ render: …
4
React mantiene l'ordine per gli aggiornamenti di stato?
So che React può eseguire aggiornamenti di stato in modo asincrono e in batch per l'ottimizzazione delle prestazioni. Pertanto non puoi mai fidarti dello stato da aggiornare dopo aver chiamato setState. Ma ci si può fidare Reagire ad aggiornare lo stato nello stesso ordine, come setStateviene chiamato per lo stesso …
8
L'uso del componente asincrono DidMount () è buono?
L'uso componentDidMount()come funzione asincrona è una buona pratica in React Native o dovrei evitarlo? Devo ottenere alcune informazioni da AsyncStoragequando il componente si monta, ma l'unico modo che conosco per renderlo possibile è rendere componentDidMount()asincrona la funzione. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } C'è …
15
Come usare i ref in React con Typescript
Sto usando Typescript con React. Ho difficoltà a capire come usare i ref in modo da ottenere la tipizzazione statica e l'intellisense rispetto ai nodi di reazione a cui fanno riferimento gli ref. Il mio codice è il seguente. import * as React from 'react'; interface AppState { count: number; …
8
Come far lavorare insieme Django e ReactJS?
Nuovo per Django e ancora più recente per ReactJS. Ho esaminato AngularJS e ReactJS, ma ho deciso su ReactJS. Sembrava che stesse tagliando AngularJS per quanto riguarda la popolarità nonostante AngularJS avesse una quota di mercato maggiore, e si dice che ReactJS fosse più veloce nel raccogliere. A parte quella …
138 django  reactjs 
12
TypeScript e React - tipo di bambini?
Ho un componente funzionale molto semplice come segue: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; E un altro componente: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout …
9
Passa gli oggetti di scena nel link reagente-router
Sto usando reagire con reagire-router. Sto cercando di passare la proprietà in un "Link" di reagire-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.