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
React-Redux: Czy wszystkie stany składników mają być przechowywane w sklepie Redux
Powiedz, że mam prosty przełącznik: Kiedy klikam przycisk, składnik Kolor zmienia się z czerwonego na niebieski Mogę osiągnąć ten wynik, robiąc coś takiego. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reduktor.js switch(){ case 'CHANGE_COLOR': return {color: true} ale to …
11
Jak zaimportować plik CSS do komponentu React
Chcę zaimportować plik CSS do komponentu reagowania. Próbowałem, import disabledLink from "../../../public/styles/disabledLink";ale pojawia się poniższy błąd; Nie znaleziono modułu: Błąd: nie można znaleźć „pliku” lub „katalogu” ../../../public/styles/disabledLink w c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @. /client/src/components/ShoppingCartLink.js 19: 20-66 Hash: 2d281bb98fe0a961f7c4 Wersja: …
3
Nieskończone przewijanie dzięki React JS
Szukam sposobów implementacji nieskończonego przewijania w React. Natknąłem się na respons-infinite-scroll i stwierdziłem, że jest to nieefektywne, ponieważ po prostu dodaje węzły do ​​DOM i nie usuwa ich. Czy istnieje sprawdzone rozwiązanie z Reactem, które doda, usunie i utrzyma stałą liczbę węzłów w DOM? Oto problem z jsfiddle . W …
7
ReactJS: setState na rodzica wewnątrz komponentu potomnego
Jaki jest zalecany wzorzec wykonywania setState na rodzicu z komponentu podrzędnego. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return <div>{todo}</div>; }); return <div> <h3>Todo(s)</h3> {todos} <TodoForm /> </div>; …
89 reactjs 
1
Oczekiwanie to błąd słowa zastrzeżonego w funkcji asynchronicznej
Próbuję rozwiązać problem z następującą składnią: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; Ciągle otrzymuję błąd …
11
Uncaught ReferenceError: React nie jest zdefiniowany
Próbuję sprawić, by ReactJS działał z szynami, korzystając z tego samouczka. Otrzymuję ten błąd: Uncaught ReferenceError: React is not defined Ale mogę uzyskać dostęp do obiektu React w konsoli przeglądarki. Dodałem również public / dist / turbo-respons.min.js, jak opisano tutaj, a także dodałem wiersz w application.js, jak opisano w tej …
3
ReactJS - Dodaj niestandardowy detektor zdarzeń do komponentu
W zwykłym starym javascript mam DIV <div class="movie" id="my_movie"> i poniższy kod javascript var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Teraz mam komponent React, wewnątrz tego komponentu, w metodzie render, zwracam mój div. Jak mogę dodać detektor zdarzeń do mojego wydarzenia niestandardowego? (Używam tej biblioteki do …
89 reactjs 
6
ReactJS renderuje ciąg znaków z nierozdzielającymi spacjami
Mam kilka właściwości, które mają ciąg znaków, który może zawierać znaki, takie jak &. Zawiera również spacje. Chcę zamienić wszystkie spacje na  . Czy mogę to zrobić w łatwy sposób? Pamiętaj, że nie mogę po prostu renderować przy użyciu tej składni: <div dangerouslySetInnerHTML={{__html: myValue}} /> ponieważ najpierw musiałbym zamienić wszystkie …
88 html  reactjs 
21
npm błąd uruchamiania aplikacji create-react-app
Mam projekt, którego nie dotykałem przez 2 tygodnie. Cofam to i teraz, gdy próbuję uruchomić, pojawia npm startsię ten błąd. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.7.0 npm ERR! npm v3.10.3 npm ERR! file sh …
5
Jak wyłączyć regułę reagowania / prop-types ESLint w pliku?
Używam Reacti ESLintz eslint-plugin-react. Chcę disablez prop-typesreguły w jednym pliku. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( <div className="component"> {this.props.title} </div> ); } });
88 reactjs  eslint 
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.