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

8
Jak programowo aktualizować parametry zapytania w routerze reagującym?
Nie mogę znaleźć sposobu, aby zaktualizować parametry zapytania za pomocą routera reagującego bez użycia <Link/>. hashHistory.push(url)nie wydaje się rejestrować parametrów zapytania i nie wydaje się, że można przekazać obiekt zapytania lub cokolwiek jako drugi argument. Jak zmienić adres URL z /shop/Clothes/dressesna /shop/Clothes/dresses?color=bluew routerze reagującym bez użycia <Link>? Czy onChangefunkcja jest …
18
Jak rozwiązać problem dotyczący „startu w trybie natywnym reagowania”
Właśnie zainstalowałem node.js i cli zainstalowany node.js Zainstalowany respond-native-cli npm -g react-native-cli I stworzył „nowy projekt”. react-native init new_project a wewnątrz tego katalogu „new_project” zmęczono mnie, aby sprawdzić, czy pakiet oprogramowania Metro działa dobrze. react-native start Ale komenda dała mi następujący błąd i metro się nie uruchamia. Jakaś wskazówka, jak …
5
Wywołaj wiele funkcji onClick ReactJS
Wiem, że w waniliowym js możemy to zrobić onclick="f1();f2()" Jaki byłby odpowiednik wykonania dwóch wywołań funkcji onClick w ReactJS? Wiem, że wywołanie jednej funkcji wygląda tak: onClick={f1}
10
create respond app nie odbiera plików .env?
Używam aplikacji Create React do załadowania mojej aplikacji. Dodałem dwa .envpliki .env.developmentiw .env.productionkatalogu głównym. Moje .env.developmentobejmuje: API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback Kiedy uruchamiam moją aplikację za pomocą react-scripts startkonsoli i process.envwypluwa ją { NODE_ENV: "development", PUBLIC_URL: "" } Próbowałem różnych rzeczy, ale po prostu nie wychwytuję zmiennych w moim pliku programistycznym, co robię …
4
Otrzymuję komunikat „Błąd próby importu:” w aplikacji Reag
Otrzymuję następujący błąd podczas próby uruchomienia mojej aplikacji React: ./src/components/App/App.js Błąd podczas próby importu: „CombinedReducers” nie jest eksportowany z „../../store/reducers/”. Oto jak eksportuję combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); a oto jak importuję to w …
117 reactjs  redux 
2
Używanie mixinów i komponentów do ponownego wykorzystania kodu w Facebook React
Zaczynam używać Facebook React w projekcie Backbone i na razie wszystko idzie naprawdę dobrze. Zauważyłem jednak, że do mojego kodu React wkradło się pewne duplikowanie. Na przykład mam kilka widżetów przypominających formularze ze stanami takimi jak INITIAL, SENDINGi SENT. Po naciśnięciu przycisku formularz musi zostać zweryfikowany, zostanie wysłane żądanie, a …
4
Użyć state lub refs w komponentach formularza React.js?
Zaczynam od React.js i chcę zrobić prosty formularz, ale w dokumentacji znalazłem na to dwa sposoby. Pierwszy używa Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // TODO: send request to the server …
116 reactjs 
16
Jak zmusić komponent do ponownego renderowania za pomocą haków w Reakcie?
Rozważając poniżej przykład haków import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } Zasadniczo używamy metody this.forceUpdate (), aby wymusić na komponencie natychmiastowe ponowne renderowanie w …
10
Reaguj hooki useState () z Object
Jaki jest poprawny sposób aktualizowania stanu, czy obiekt zagnieżdżony w React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Jak można użyć setExampleStateaktualizacji exampleStatedo a(dołączania pola)? const a = { masterField: { …
3
React, ES6 - getInitialState zostało zdefiniowane na zwykłej klasie JavaScript
Mam następujący składnik ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn = this.refs.otherRadBtn.getDOMNode(); …
21
Nie znaleziono pliku `React / RCTBridgeModule.h`
Ten błąd pojawia się podczas tworzenia natywnej aplikacji na iOS w Xcode. Zaczęło się otrzymywać ten błąd po instalacji npm i połączeniu rpm -a biblioteki act-native-fs . Ale po wyszukaniu rozwiązania w Internecie zauważyłem, że wiele osób otrzymuje ten sam błąd podczas instalowania innych reagujących bibliotek natywnych. Możliwe rozwiązanie sugerowane …
10
Uzyskaj aktualną pozycję przewijania ScrollView w React Native
Czy jest możliwe uzyskanie aktualnej pozycji przewijania lub bieżącej strony <ScrollView>komponentu w React Native? Więc coś takiego: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>
7
Reaguj, aby zapobiec propagowaniu zdarzeń w zagnieżdżonych komponentach po kliknięciu
Oto podstawowy element. Obie funkcje <ul>i <li>mają onClick. Chcę tylko onClick, <li>aby odpalić, a nie <ul>. Jak mogę to osiągnąć? Bawiłem się z e.preventDefault (), e.stopPropagation (), ale bezskutecznie. class List extends React.Component { constructor(props) { super(props); } handleClick() { // do something } render() { return ( <ul onClick={(e) …
7
Wiele nazw ścieżek dla tego samego komponentu w React Router
Używam tego samego komponentu dla trzech różnych tras: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Czy w ogóle da się to połączyć, aby wyglądało jak: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
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.