Pytania otagowane jako reactjs

React (znany również jako React.js lub ReactJS) to biblioteka JavaScript opracowana przez Facebooka w celu tworzenia interfejsów użytkownika. Wykorzystuje deklaratywny paradygmat oparty na komponentach, a jego celem jest zarówno wydajność, jak i elastyczność.

4
Dynamicznie dodawaj komponenty potomne w React
Moim celem jest dynamiczne dodawanie komponentów do strony / komponentu nadrzędnego. Zacząłem od podstawowego przykładowego szablonu, takiego jak ten: 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 main component! </h1> <div id="myId">myId …
9
Duża lista wydajności dzięki React
Jestem w trakcie wdrażania listy z możliwością filtrowania w React. Struktura listy jest taka, jak pokazano na poniższej ilustracji. PRZESŁANKA Oto opis tego, jak to powinno działać: Stan znajduje się w komponencie najwyższego poziomu, Searchkomponencie. Stan jest opisany następująco: { widoczne: boolean, pliki: tablica, filtrowane: tablica, zapytanie: ciąg, currentSelectedIndex: integer …
6
ESLint z Reactem daje błędy `no-unused-vars '
Skonfigurowałem eslint& eslint-plugin-react. Kiedy uruchamiam ESLint, linter zwraca no-unused-varsbłędy dla każdego komponentu React. Zakładam, że nie rozpoznaje, że używam składni JSX lub React. Jakieś pomysły? Przykład: app.js import React, { Component } from 'react'; import Header from './header.js'; export default class App extends Component { render() { return ( <div> …
8
Jak uzyskać dostęp do stanu wewnątrz reduktora Redux?
Posiadam reduktor i do wyliczenia nowego stanu potrzebuję danych z akcji oraz danych z części stanu nie zarządzanej przez ten reduktor. Konkretnie w reduktorze pokażę poniżej potrzebuję dostępu do accountDetails.stateOfResidenceIdpola. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' }, forms: { blueprints: [ ] …
1
Aktywne łącze z React-Router?
Wypróbowuję React-Router (v4) i mam problemy z uruchomieniem Nav, aby mieć jedną z Linknich active. Jeśli kliknę którykolwiek z Linktagów, aktywne rzeczy zaczną działać. Chciałbym jednak, aby Strona główna Linkbyła aktywna zaraz po uruchomieniu aplikacji, ponieważ jest to komponent ładujący się na /trasie. Czy jest na to sposób? Oto mój …
5
Jaka jest różnica między onChange a onInput w React?
Próbowałem znaleźć odpowiedź na to pytanie, ale większość z nich jest poza kontekstem React, gdzie onChangewyzwala się po rozmyciu. Wykonując różne testy, nie mogę powiedzieć, jak te dwa zdarzenia są różne (po zastosowaniu do obszaru tekstowego). Czy ktoś może rzucić na to trochę światła?
13
Jak ustawić wartość domyślną w React-select
Mam problem z użyciem funkcji React-Select. Używam formy Redux i dostosowałem mój komponent React-Select do formy Redux. Oto kod: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} selectedValue={props.selectedValue} /> ); a tutaj jak to renderuję: <div className="select-box__container"> <Field id="side" name="side" component={SelectInput} …
4
Jak mogę odpowiedzieć na szerokość elementu DOM automatycznie dopasowanego do rozmiaru w Reakcie?
Mam złożoną stronę internetową używającą komponentów React i próbuję przekonwertować stronę z układu statycznego na bardziej responsywny układ o zmiennym rozmiarze. Jednak wciąż napotykam ograniczenia w React i zastanawiam się, czy istnieje standardowy wzorzec radzenia sobie z tymi problemami. W moim konkretnym przypadku mam komponent, który renderuje się jako div …
7
Jak warunkowo opakować komponent React?
Mam komponent, który czasami trzeba będzie renderować jako plik, <anchor>a innym razem jako plik <div>. propCzytam w celu ustalenia tego jest this.props.url. Jeśli istnieje, muszę wyrenderować komponent opakowany w plik <a href={this.props.url}>. W przeciwnym razie zostanie po prostu renderowany jako plik <div/>. Możliwy? Oto, co teraz robię, ale czuję, że …
9
Jak przełączyć stan boolowski składnika reagującego?
Chciałbym wiedzieć, jak przełączyć stan boolowski składnika reagującego. Na przykład: Mam kontrolę stanu boolowskiego w konstruktorze mojego komponentu: constructor(props, context) { super(props, context); this.state = { check: false }; }; Próbuję przełączać stan za każdym razem, gdy klikam moje pole wyboru, używając metody this.setState: <label><input type=checkbox" value="check" onChange = {(e) …
3
Jaka jest różnica między useCallback i useMemo w praktyce?
Może coś źle zrozumiałem, ale useCallback Hook działa za każdym razem, gdy ma miejsce ponowne renderowanie. Przekazałem dane wejściowe - jako drugi argument do useCallback - stałe, których nie można zmieniać - ale zwrócone zapamiętane wywołanie zwrotne nadal uruchamia moje drogie obliczenia przy każdym renderowaniu (jestem prawie pewien - możesz …
86 reactjs 
11
React-Router otwórz Link w nowej karcie
Czy istnieje sposób, aby React Router otworzył łącze w nowej karcie? Próbowałem tego i nie udało się. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Można go spuścić, dodając coś podobnego onClick="foo"do linku, takiego jak to, co mam powyżej, ale wystąpiłby błąd konsoli. Dzięki.
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.