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

12
Jak używać czcionek Google w React.js?
Zbudowałem stronę internetową z React.js i pakietem webpack . Chcę używać czcionek Google na stronie, więc wstawiam link w sekcji. Czcionki Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> I ustaw CSS body{ font-family: 'Bungee Inline', cursive; } Jednak to nie działa. Jak mogę rozwiązać ten problem?
6
Jak zatrzymać / # / w przeglądarce z React-routerem?
Czy jest jakiś sposób, aby zapobiec /#/wyświetlaniu się w pasku adresu przeglądarki podczas korzystania z React-router? Tak jest z ReactJS. tzn. kliknięcie linków, aby przejść do nowej trasy pokazuje localhost:3000/#/lub localhost:3000/#/about. W zależności od trasy.
4
Jak wymusić ponowne montowanie na komponentach React?
Powiedzmy, że mam składnik widoku, który ma renderowanie warunkowe: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" /> <MyInput ref="unemployment-duration" name="unemployment-duration" /> </div> ); } } MyInput wygląda mniej więcej tak: class MyInput extends React.Component { …
6
JSX nie jest dozwolone w plikach z rozszerzeniem „.js” z eslint-config-airbnb
Zainstalowałem eslint-config-airbnb, który ma wstępnie skonfigurować ESLINT dla React: Nasz domyślny eksport zawiera wszystkie nasze reguły ESLint, w tym ECMAScript 6+ i React. Wymaga eslint, eslint-plugin-import, eslint-plugin-act i eslint-plugin-jsx-a11y. Moje .eslintrcrozszerzenie jego konfiguracji: { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { "new-cap": [2, { …
4
Jak wysłać formularz za pomocą klawisza Enter w pliku act.js?
Oto mój formularz i metoda onClick. Chciałbym wykonać tę metodę po naciśnięciu klawisza Enter na klawiaturze. W jaki sposób ? Uwaga: jQuery nie jest mile widziane. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> …
6
setInterval w aplikacji React
Wciąż jestem całkiem nowy w React, ale powoli się ścigałem i napotkałem coś, na czym utknąłem. Próbuję zbudować komponent „timera” w Reakcie i szczerze mówiąc nie wiem, czy robię to dobrze (czy wydajnie). W moim kodu poniżej, ustawić stan powrócić obiektu { currentCount: 10 }i zostały bawiąc componentDidMount, componentWillUnmounti renderi …
7
Jak uzyskać historię na React-router v4?
Mam mały problem z migracją z React-Router v3 do v4. w wersji 3 mogłem to zrobić wszędzie: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Jak mogę to osiągnąć w v4. Wiem, że mógłbym użyć withRouterrekwizytów hoc , kontekstu reakcji lub routera zdarzeń, gdy jesteś w komponencie. ale tak nie jest …
5
Jaka jest różnica między obietnicami JavaScript a oczekiwaniem asynchronicznym?
Używałem już funkcji ECMAScript 6 i ECMAScript 7 (dzięki Babel) w moich aplikacjach - zarówno mobilnych, jak i internetowych. Pierwszym krokiem było oczywiście przejście na poziomy ECMAScript 6. Nauczyłem się wielu wzorców asynchronicznych, obietnic (które są naprawdę obiecujące), generatorów (nie wiem, dlaczego symbol *) itd. Z tego obietnice całkiem dobrze …
14
jak renderować komponenty reagujące za pomocą mapowania i łączenia
Mam jeden składnik, który będzie wyświetlać tablicę ciągów. Kod wygląda następująco. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Działa doskonale. tj. jeśli props.data = ['tom', 'jason', 'chris'] Wyrenderowany wynik na stronie to tomjasonchris Następnie chcę połączyć wszystkie nazwy przecinkiem, więc zmieniam kod na this.props.data.map(t => <span>t</span>).join(', ') …
102 reactjs 
1
React-Router: Jaki jest cel IndexRoute?
Nie rozumiem, jaki jest cel używania IndexRoute i IndexLink . Wygląda na to, że w każdym przypadku poniższy kod wybrałby najpierw komponent Home, chyba że została aktywowana ścieżka About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> Jaka …
9
ReactJS: setTimeout () nie działa?
Mając na uwadze ten kod: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Czy stan nie powinien się zmieniać dopiero …
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.