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.
Ho la seguente struttura per la mia applicazione React.js usando React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> …
Come posso ottenere React per eseguire nuovamente il rendering della vista quando la finestra del browser viene ridimensionata? sfondo Ho alcuni blocchi che voglio layout individualmente sulla pagina, tuttavia voglio anche che vengano aggiornati quando cambia la finestra del browser. Il risultato finale sarà qualcosa di simile al layout Pinterest …
Voglio dichiarare un percorso con un parametro di percorso opzionale, quindi quando lo aggiungo alla pagina per fare qualcosa in più (ad esempio riempire alcuni dati): http: // localhost / app / path / to / page <= visualizza la pagina http: // localhost / app / path / to …
Quando digito il create-react-app my-appcomando nel mio terminale, sembra funzionare, scaricando tutte le librerie con esito positivo, ecc. Alla fine di quel processo però ricevo un messaggio che a template was not provided. Ingresso user@users-MacBook-Pro-2 Desktop% create-react-app my-app Produzione Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This might …
Non c'è un modo semplice per passare un figlio propsal suo genitore usando eventi, in React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } …
In JSX, come si fa a fare riferimento a un valore propsdall'interno di un valore di attributo tra virgolette? Per esempio: <img className="image" src="images/{this.props.image}" /> L'output HTML risultante è: <img class="image" src="images/{this.props.image}">
Sto cercando di accedere a un'immagine statica da utilizzare all'interno di una backgroundImageproprietà inline all'interno di React. Sfortunatamente, mi sono esaurito su come farlo. In generale, ho pensato che avessi fatto semplicemente come segue: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { …
Sono nuovo in React e sto provando a scrivere un'app che funziona con un'API. Continuo a ricevere questo errore: TypeError: this.setState non è una funzione quando provo a gestire la risposta API. Ho il sospetto che ci sia qualcosa di sbagliato in questa associazione ma non riesco a capire come …
Ho un problema relativamente semplice di provare ad aggiungere script inline a un componente React. Quello che ho finora: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( …
Dato un componente semplice che rende i suoi figli: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Domanda: quale dovrebbe essere il propType del puntello per bambini? Quando lo imposto come oggetto, non …
È possibile aggiornare le proprietà dell'oggetto con setState? Qualcosa di simile a: this.state = { jasper: { name: 'jasper', age: 28 }, } Ho provato: this.setState({jasper.name: 'someOtherName'}); e questo: this.setState({jasper: {name: 'someothername'}}) Il primo provoca un errore di sintassi e il secondo non fa nulla. Qualche idea?
Attualmente sto lottando con i percorsi di nidificazione utilizzando il router di reazione v4. L'esempio più vicino è stata la configurazione del percorso nella documentazione di React-Router v4 . Voglio dividere la mia app in 2 parti diverse. Un frontend e un'area di amministrazione. Stavo pensando a qualcosa del genere: …
Sto creando un'app in cui l'utente può progettare il proprio modulo. Ad esempio, specificare il nome del campo e i dettagli di quali altre colonne dovrebbero essere incluse. Il componente è disponibile come JSFiddle qui . Il mio stato iniziale è simile al seguente: var DynamicForm = React.createClass({ getInitialState: function() …
Sto usando Reajs. Quando eseguo il codice sotto il browser dice: TypeError non rilevato: la super espressione deve essere nulla o una funzione, non definita Qualsiasi suggerimento su ciò che è sbagliato sarebbe apprezzato. Innanzitutto la riga utilizzata per compilare il codice: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.