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ść.

6
Najlepszy sposób na wypełnienie funkcji ES6 w aplikacji React, która wykorzystuje aplikację create-react-app
Testowałem moją aplikację React.js w przeglądarce Internet Explorer i stwierdziłem, że jakiś kod ES6 / 7 Array.prototype.includes()ją psuje. Używam aplikacji create-react- i najwyraźniej zdecydowali się nie uwzględniać wielu polyfillów, ponieważ nie wszyscy ich potrzebują i spowalniają czas kompilacji (patrz na przykład tutaj i tutaj ). Dokumentacja (w momencie pisania) sugeruje: …
6
Implementacja modułów ES6, jak załadować plik json
Implementuję przykład z https://github.com/moroshko/react-autosuggest Ważny kod wygląda tak: 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 array of strings, …
6
„Symbol” jest niezdefiniowany w IE po użyciu babel
Mam reactjsaplikację napisaną przy użyciu standardów ES6 i używam webpackdo jej tworzenia. Te webpackładunki z jsmodułów używających babel-loader. Mówiąc konkretnie, używam następujących wersji pakietów: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Jednak po zbudowaniu IE 10 wyświetla następujący błąd 'Symbol' is undefined. Czy nie powinien babelpowinien określać Symbol? Czy …
10
Wstępnie ustawione pliki nie mogą eksportować obiektów
Mam plik karuzeli, w którym chcę pobrać index.jsi zbudować block.build.js, więc moje webpack.config.jsjest: 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', 'es2015'], plugins: …
10
Jak wyrenderować wielowierszowy ciąg tekstowy w React
Załóżmy, że mam ciąg tekstowy zawierający znaki końca wiersza i renderuję go w następujący sposób: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } W HTML znaki końca linii nie są renderowane jako znaki końca linii. Jak mam to zrobić w React? Nie chcę konwertować na <br>tagi i używać dangerouslySetInnerHTML. …
87 reactjs 
5
Kieruj na inny komponent ze stylem po najechaniu kursorem
Jaki jest najlepszy sposób obsługi zawisów w stylizowanych komponentach. Mam element zawijający, który po najechaniu kursorem ujawni przycisk. Mógłbym zaimplementować stan komponentu i przełączyć właściwość po najechaniu kursorem, ale zastanawiałem się, czy istnieje lepszy sposób na zrobienie tego ze styled-cmponents. Coś takiego nie działa, ale byłoby idealne: const Wrapper = …
14
Zareagować onClick i zapobiecDefault () odsyłacz odświeżyć / przekierować?
Renderuję link z React: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Następnie powyżej mam funkcję upvote: upvote: -> // do stuff (ajax) Przed linkiem miałem w tym miejscu, ale muszę przełączyć się na link i tu jest problem - za każdym razem, gdy klikam na .upvotesstronę, zostaje odświeżona, co próbowałem do tej …
22
React router zmienia adres URL, ale nie wyświetla
Mam problem ze zmianą widoku w odpowiedzi na routing. Chcę tylko pokazać listę użytkowników, a kliknięcie każdego użytkownika powinno prowadzić do strony szczegółów. Oto router: import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter } from 'react-router-dom'; import Users from "./components/Users"; import { Router, Route } from "react-router"; …
7
Brak błędu React eslint podczas sprawdzania poprawności właściwości
Mam następny kod, rzut eslint: reaguj / prop-types onClickOut; brakuje podczas sprawdzania poprawności rekwizytów dzieci reagujące / typu prop; brakuje podczas sprawdzania poprawności rekwizytów propTypes został zdefiniowany, ale eslint go nie rozpoznaje. import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component { static propTypes = { children: …
4
W jaki sposób połączony komponent Redux wie, kiedy wykonać ponowne renderowanie?
Prawdopodobnie brakuje mi czegoś bardzo oczywistego i chciałbym to wyjaśnić. Oto moje zrozumienie. W naiwnym elemencie reagującym mamy states& props. Aktualizacja statez setStateponownym renderowaniem całego komponentu. propssą w większości tylko do odczytu i ich aktualizowanie nie ma sensu. W komponencie reagującym, który subskrybuje sklep Redux, za pośrednictwem czegoś podobnego store.subscribe(render), …
3
componentDidMount wywołane PRZED wywołaniem zwrotnym ref
Problem Ustawiam odpowiedź, refużywając definicji funkcji wbudowanej render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> wtedy w componentDidMountDOM odwołanie nie jest ustawione componentDidMount = () => { // this.drawerRef is not defined Rozumiem, że refwywołanie zwrotne powinno być uruchamiane podczas montowania, jednak dodawanie console.loginstrukcji …
16
Jak ponownie wyrenderować flatlistę?
W przeciwieństwie do ListView możemy zaktualizować this.state.datasource. Czy jest jakaś metoda lub przykład aktualizacji FlatList lub ponownego renderowania? Moim celem jest aktualizacja wartości tekstowej, gdy użytkownik naciśnie przycisk ... 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) => { this.list = ref; …
6
Jak wyłączyć callback po zaktualizowaniu stanu w Redux?
W Reakcie stan nie jest aktualizowany od razu, więc możemy użyć wywołania zwrotnego w setState(state, callback). Ale jak to zrobić w Redux? Po wywołaniu this.props.dispatch(updateState(key, value))muszę natychmiast coś zrobić ze zaktualizowanym stanem. Czy jest jakiś sposób, żebym mógł wywołać oddzwonienie z najnowszym stanem, takim jak to, co robię w React?
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.