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
Reaguj na podziały wierszy wyświetlania z zapisanego obszaru tekstowego
Korzystanie z Facebooka React. Na stronie ustawień mam multilinię, w textareaktórej użytkownik może wprowadzić tekst wielowierszowy (w moim przypadku adres). <textarea value={address} /> Kiedy próbuję wyświetlić adres, więc coś w stylu {address}, nie pokazuje podziałów linii i jest w jednej linii. <p>{address}</p> Jakieś pomysły, jak to rozwiązać?
8
Jak wyłączyć przycisk w React.js
Mam ten komponent: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input" ref={(input) => this.input = input} placeholder={this.props.placeholder} /> <button disabled={!this.input.value} className="add-item__button" onClick={this.add.bind(this)}>Add</button> </div> ); } } Chcę, aby przycisk był wyłączony, …
15
Jak skonfigurować Google Analytics dla React-Router?
Próbuję skonfigurować Google Analytics w mojej witrynie React i natknąłem się na kilka pakietów, ale żaden z nich nie jest tak skonfigurowany, jak ja, jeśli chodzi o przykłady. Miał nadzieję, że ktoś może rzucić na to trochę światła. Pakiet, na który patrzę, to: react-ga . Moja metoda renderowania index.jswygląda tak. …
6
Odsłuchaj naciśnięcie klawisza dokumentu w Reactjs
Chcę powiązać, aby zamknąć aktywne okno wyskakujące bootstrap reagowania na escapeprasie. Oto kod _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener("click", this._handleDocumentClick, false); document.addEventListener("keyPress", this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener("click", this._handleDocumentClick, false); document.removeEventListener("keyPress", this._handleEscKey, false); }, Ale nic się nie loguje w konsoli po naciśnięciu …
1
Gdzie jest połączenie między index.html i index.js w aplikacji Create-React-App?
Zaczynam bawić się aplikacją Create React, ale nie rozumiem, w jaki sposób index.jsjest ładowana index.html. To jest kod HTML: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <!-- Notice the use of %PUBLIC_URL% in the tag above. It will be replaced with the …
4
Przeczytaj stan początkowy sklepu w Redux Reducer
Stan początkowy w aplikacji Redux można ustawić na dwa sposoby: przekaż go jako drugi argument do createStore( link do dokumentu ) przekaż go jako pierwszy argument do swoich (pod-) reduktorów ( link do dokumentów ) Jeśli przekazujesz stan początkowy do swojego sklepu, jak odczytać ten stan ze sklepu i uczynić …
18
Wyłącz przycisk Wstecz w nawigacji reagowania
Korzystam z natywnej nawigacji React (React-Navigation) StackNavigator. zaczyna się od strony logowania przez cały cykl życia aplikacji. Nie chcę mieć opcji powrotu, wracając do ekranu logowania. Czy ktoś wie, jak można to ukryć na ekranie po ekranie logowania? Swoją drogą, ukrywam to również na ekranie logowania za pomocą: const MainStack …
10
React / Redux - akcja wysyłania przy ładowaniu / inicjowaniu aplikacji
Mam uwierzytelnianie tokenem z serwera, więc kiedy moja aplikacja Redux jest ładowana początkowo, muszę wysłać żądanie do tego serwera, aby sprawdzić, czy użytkownik jest uwierzytelniony, czy nie, a jeśli tak, powinienem otrzymać token. Zauważyłem, że używanie podstawowych akcji INIT Redux nie jest zalecane, więc jak mogę wywołać akcję, zanim aplikacja …
85 reactjs  redux 
4
Jaki jest prawidłowy typ ref w Reakcie?
Przechowuję referencję w moim sklepie redux i używam mapStateToProps do ujawnienia referencji dla komponentów, które potrzebują do niego dostępu. Zapisany ref wygląda następująco: ref={node => this.myRefToBePutInReduxGlobalStore = node} Jaki jest poprawny typ propType dla tego odniesienia?
85 reactjs 
3
reaguj router v ^ 4.0.0 Uncaught TypeError: Nie można odczytać właściwości „location” undefined
Mam problem z Router React (używam wersji ^ 4.0.0). to jest mój index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js to po …
4
Jak używać dzieci z bezstanowym komponentem funkcyjnym React w TypeScript?
Używając TypeScript z Reactem, nie musimy już rozszerzać React.Props, aby kompilator wiedział, że wszystkie właściwości komponentów reagujących mogą mieć dzieci: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Jednak wydaje się, że nie ma to miejsca w przypadku bezstanowych komponentów …
4
Przekazywanie rekwizytów do elementu pojemnika reag-reduks
Mam komponent kontenera React-Redux, który jest tworzony w komponencie React Native Navigator. Chcę mieć możliwość przekazania nawigatora jako rekwizytu do tego komponentu kontenera, tak aby po naciśnięciu przycisku wewnątrz jego komponentu prezentacyjnego mógł umieścić obiekt na stosie nawigatora. Chcę to zrobić bez konieczności ręcznego pisania całego standardowego kodu, który daje …
6
Reaguj: warunkowo przekazuje prop do komponentu
Chciałbym wiedzieć, czy istnieje lepszy sposób warunkowego przekazania właściwości niż użycie instrukcji if. Na przykład w tej chwili mam: var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) }, render: function() { if(this.props.editable) { return ( <Child editable={this.props.editableOpts} /> ); } else { // In this case, Child will …
3
Lokalny plik package.json istnieje, ale brakuje modułów node_modules
Próbuję uruchomić aplikację Redux, którą właśnie sklonowałem z repozytorium GitHub. Próbowałem go uruchomić za pomocą następującego polecenia npm start Otrzymuję ten błąd > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall …
5
BŁĄD w Nie można znaleźć modułu „babel-core”. przy użyciureak.js, webpacka i serwera ekspresowego
Za każdym razem, gdy biegnę webpackw terminalu, otrzymuję: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Oto mój plik webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] …
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.