Utworzyłem pusty projekt React, używając polecenia: npx create-react-appna npm v7.0.7 i Node v15.0.1 Zainstalowano: React v17.0.1, node-sass v5.0.0, Następnie próbowałem zaimportować pusty plik .scss do komponentu aplikacji: App.js import './App.scss' function App() { return ( <div...
Chcę warunkowo wyświetlić i ukryć tę grupę przycisków w zależności od tego, co jest przekazywane z komponentu nadrzędnego, który wygląda następująco: <TopicNav showBulkActions={this.__hasMultipleSelected} /> … __hasMultipleSelected: function() { return false; //return true or false...
Ostrzeżenie: składnik zmienia niekontrolowane wprowadzanie tekstu tekstowego, który ma być kontrolowany. Elementy wejściowe nie powinny przełączać się z niekontrolowanego na kontrolowane (lub odwrotnie). Wybierz między użyciem kontrolowanego lub niekontrolowanego elementu wejściowego przez cały...
Czytam sekcję FormularzeReagujedokumentacja i właśnie wypróbowałem ten kod, aby zademonstrować onChangeużycie ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) {...
Właśnie zacząłem pracę z ReactJS i trochę utknąłem w moim problemie. Moja aplikacja to zasadniczo lista z filtrami i przycisk do zmiany układu. W tej chwili używam trzy składniki: <list />, < Filters />a <TopBar />teraz oczywiście przy zmianie ustawień < Filters />Chcę...
Otrzymuję następujący błąd Uncaught TypeError: Nie można odczytać właściwości „setState” niezdefiniowanej nawet po powiązaniu delty w konstruktorze. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); }...
Mam następującą strukturę dla mojej aplikacji React.js używającej React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler...
Jak mogę przekonać Reacta do ponownego renderowania widoku po zmianie rozmiaru okna przeglądarki? tło Mam kilka bloków, które chcę układać indywidualnie na stronie, ale chcę też, aby były aktualizowane po zmianie okna przeglądarki. Końcowym rezultatem będzie coś w stylu Bena Holland'a na...
Chcę zadeklarować ścieżkę z opcjonalnym parametrem ścieżki, dlatego gdy dodam ją do strony, aby zrobić coś dodatkowego (np. Wypełnić niektóre dane): http: // localhost / app / path / to / page <= render strony http: // localhost / app / path / to / page / pathParam <= renderuj stronę z...
Co może być przyczyną błędu Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! {...
Kiedy wpisuję create-react-app my-apppolecenie w moim terminalu, wydaje się, że działa - pobieranie wszystkich bibliotek z powodzeniem itp. Pod koniec tego procesu pojawia się komunikat, że template was not provided. Wejście user@users-MacBook-Pro-2 Desktop% create-react-app...
Czy w React.js nie ma prostego sposobu na przekazanie dziecka propsrodzicowi za pomocą zdarzeń? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { //...
Jak w JSX odwołujesz się do wartości propsz wewnątrz cytowanej wartości atrybutu? Na przykład: <img className="image" src="images/{this.props.image}" /> Wynikowy wynik HTML to: <img class="image"
Próbuję uzyskać dostęp do obrazu statycznego, aby użyć go we backgroundImagewłaściwości inline w React. Niestety, wyczerpałem się, jak to zrobić. Ogólnie myślałem, że zrobiłeś tak: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px",...
Jestem nowy w React i próbuję napisać aplikację współpracującą z interfejsem API. Wciąż pojawia się ten błąd: TypeError: this.setState nie jest funkcją kiedy próbuję obsłużyć odpowiedź API. Podejrzewam, że coś jest nie tak z tym wiązaniem, ale nie mogę wymyślić, jak to naprawić. Oto kod mojego...
Czy w ogóle można aktualizować właściwości obiektu setState? Coś jak: this.state = { jasper: { name: 'jasper', age: 28 }, } Próbowałem: this.setState({jasper.name: 'someOtherName'}); i to: this.setState({jasper: {name: 'someothername'}}) Pierwszy powoduje błąd składniowy, a drugi po prostu...
Biorąc pod uwagę prosty komponent, który renderuje jego dzieci: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default
Mam stosunkowo prosty problem z dodaniem wbudowanego skryptu do komponentu React. Co mam do tej pory: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from
Obecnie mam problemy z zagnieżdżaniem tras przy użyciu routera reagującego v4. Najbliższym przykładem była konfiguracja trasy w dokumentacji React-Router v4 . Chcę podzielić moją aplikację na 2 różne części. Frontend i obszar administracyjny. Myślałem o czymś takim: <Match pattern="/"...
Tworzę aplikację, w której użytkownik może zaprojektować własną formę. Np. Podaj nazwę pola i szczegóły, które inne kolumny powinny zostać uwzględnione. Komponent jest dostępny tutaj jako JSFiddle . Mój stan początkowy wygląda następująco: var DynamicForm = React.createClass({ getInitialState:...