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
ReactJS - Aggiungi un listener di eventi personalizzato al componente
Nel semplice vecchio javascript ho il DIV <div class="movie" id="my_movie"> e il seguente codice javascript var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Ora ho un componente React, all'interno di questo componente, nel metodo di rendering, sto restituendo il mio div. Come posso aggiungere un listener di …
89 reactjs 
4
Aggiungi dinamicamente componenti figlio in React
Il mio obiettivo è aggiungere componenti dinamicamente su una pagina / componente principale. Ho iniziato con un modello di esempio di base come questo: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App …
4
Qual è la differenza tra useCallback e useMemo nella pratica?
Forse ho frainteso qualcosa, ma useCallback Hook viene eseguito ogni volta che si verifica un nuovo rendering. Ho passato gli input - come secondo argomento per useCallback - costanti non modificabili - ma il callback memorizzato restituito esegue ancora i miei calcoli costosi ad ogni rendering (sono abbastanza sicuro - …
89 reactjs 
6
Il modo migliore per eseguire il polyfill delle funzionalità ES6 nell'app React che utilizza l'app create-react
Ho testato la mia applicazione React.js su Internet Explorer e ho scoperto che alcuni codici ES6 / 7 Array.prototype.includes()lo interrompono. Sto usando create-react-app e apparentemente hanno scelto di non includere molti polyfill poiché non tutti ne hanno bisogno e rallentano i tempi di build (vedi ad esempio qui e qui …
16
Come rieseguire il rendering di flatlist?
A differenza di ListView, possiamo aggiornare this.state.datasource. Esiste un metodo o un esempio per aggiornare FlatList o riprodurlo nuovamente? Il mio obiettivo è aggiornare il valore del testo quando l'utente preme il pulsante ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) …
8
Come accedere allo stato all'interno del riduttore Redux?
Ho un riduttore e per calcolare il nuovo stato ho bisogno dei dati dell'azione e anche dei dati di una parte dello stato non gestita da questo riduttore. Nello specifico, nel riduttore che mostrerò di seguito, ho bisogno dell'accesso al accountDetails.stateOfResidenceIdcampo. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: …
5
Come utilizzare i bambini con il componente funzionale stateless React in TypeScript?
Usando TypeScript con React non dobbiamo più estendere React.Propsaffinché il compilatore sappia che tutti gli oggetti di scena del componente react possono avere figli: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Tuttavia, non sembra essere il caso dei componenti …
6
Implementazione dei moduli ES6, come caricare un file json
Sto implementando un esempio da https://github.com/moroshko/react-autosuggest Il codice importante è così: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an …
6
"Simbolo" non è definito in IE dopo aver utilizzato babel
Ho reactjsun'app scritta utilizzando gli standard ES6 e la utilizzo webpackper crearla. Il webpackcarica il filejs moduli utilizzando babel-loader. Per essere precisi, utilizzo le seguenti versioni dei pacchetti: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Tuttavia, dopo averlo creato, IE 10 restituisce il seguente errore 'Symbol' is undefined. Non …
10
I file preimpostati non possono esportare oggetti
Ho un file carousel in cui voglio ottenere index.jse costruire block.build.js, quindi il mio webpack.config.jsè: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', …
3
componentDidMount chiamato PRIMA della richiamata ref
Problema Sto impostando una reazione refutilizzando una definizione di funzione inline render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> quindi nel componentDidMountDOM il riferimento non è impostato componentDidMount = () => { // this.drawerRef is not defined La mia comprensione è che la refrichiamata …
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.