Chcę móc przekazywać tekst za pomocą tagów HTML, na przykład: <MyComponent text="This is <strong>not</strong> working." /> Ale wewnątrz MyComponentmetody renderowania, kiedy drukuję this.props.text, to dosłownie wypisuje wszystko: This is <strong>not</strong>...
Będąc początkującym w świecie React, chcę dogłębnie zrozumieć, co się dzieje, gdy używam {this.props.children}i jakie są sytuacje , w których mogę tego samego użyć. Jakie jest jego znaczenie w poniższym fragmencie kodu? render() { if (this.props.appLoaded) { return ( <div> <Header...
Bawię się trochę z Material-UI . Czy są jakieś opcje tworzenia układu siatki (jak w Bootstrap )? Jeśli nie, w jaki sposób można dodać tę funkcjonalność? Istnieje składnik GridList, ale wydaje mi się, że ma on inny
Po prostu zaczynam pracę nad projektem Reacta z TypeScript i zadaję sobie pytanie, co powinienem zrobić ze zwykłymi plikami klas? Powinienem używać .tsor .tsxfiles, a potem nie mogłem znaleźć żadnego powodu, aby nie używać .tsxfile przez cały czas, nawet jeśli nie jest to projekt React! Czy jest...
Mam kilka efektów ubocznych do zastosowania i chcę wiedzieć, jak je zorganizować: jako jednorazowy efekt lub kilka useEffects Co jest lepsze pod względem wydajności i architektury?
Nadal jestem noobem w React i w wielu przykładach w Internecie widzę tę różnicę w renderowaniu elementów potomnych, co jest dla mnie mylące. Zwykle widzę to: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div>...
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...
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:
Tworzę aplikację, która korzysta z webpack-dev-server w fazie rozwoju wraz z responsywnym routerem. Wygląda na to, że webpack-dev-server jest zbudowany w oparciu o założenie, że będziesz mieć publiczny punkt wejścia w jednym miejscu (np. "/"), Podczas gdy react-router pozwala na nieograniczoną...
Podczas konfigurowania Reacta w projekcie Django natknąłem się na ten błąd ModuleBuildError in Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ asset \ js \ index.js: Wsparcie dla eksperymentalnej składni...
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...
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ą...
Wiem, że nie powinienem modyfikować danych wejściowych i powinienem sklonować obiekt, aby go zmutować. Postępowałem zgodnie z konwencją stosowaną w projekcie startowym Redux, w której zastosowano: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value],...
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...
Po uruchomieniu react-native run-ioskompilacja kończy się pomyślnie, ale pojawia się poniższy błąd. Sprawdziłem wszędzie, ale wydaje się, że nic nie działa. Używanie sudoprzed poleceniem też nie pomaga. Używam Xcode 7.3, React-Native-Cli: 0.2.0, React-Native: 0.24.1, Węzeł v5.11.0. === BUILD...
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...
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 =...
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>...
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ć...
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:...