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

3
Łączenie zmiennych i łańcuchów w Reakcie
Czy istnieje sposób na włączenie notacji nawiasów klamrowych Reacta i hreftagu? Powiedzmy, że w stanie mamy następującą wartość: {this.state.id} oraz następujące atrybuty HTML w tagu: href="#demo1" id="demo1" Czy istnieje sposób, w jaki mogę dodać idstan do atrybutu HTML, aby uzyskać coś takiego: href={"#demo + {this.state.id}"} Który przyniesie: #demo1
4
Właściwość „wartość” nie istnieje w typie „Tylko do odczytu <{}>”
Muszę utworzyć formularz, który będzie wyświetlał coś na podstawie wartości zwracanej przez API. Pracuję z następującym kodem: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: ' + this.state.value); …
10
Renderowanie nieprzetworzonego html'a za pomocąreakjs
Czy jest to więc jedyny sposób renderowania surowego html za pomocą reagjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( &lt;div className="comment"&gt; &lt;h2 className="commentAuthor"&gt; {this.props.author} &lt;/h2&gt; &lt;span dangerouslySetInnerHTML={{__html: rawMarkup}} /&gt; &lt;/div&gt; ); } }); Wiem, że …
12
Dlaczego wciąż otrzymuję komunikat Usuń „cr” [ładniejszy / ładniejszy]?
Używam vscode z Prettier 1.7.2 i Eslint 1.7.0. Po każdej nowej linii otrzymuję: [eslint] Delete 'cr' [prettier/prettier] To jest plik .eslintrc.json: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": { "import/no-extraneous-dependencies": "off", "import/prefer-default-export": "off", "no-confusing-arrow": "off", "linebreak-style": "off", "arrow-parens": ["error", "as-needed"], "comma-dangle": [ "error", { "arrays": …
9
Reaguj: „this” jest niezdefiniowane w funkcji składnika
class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( &lt;div className="player-controls"&gt; &lt;FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /&gt; &lt;FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /&gt; &lt;/div&gt; ); } onToggleLoop(event) { // "this …
152 javascript  reactjs  this 
7
Domyślna wartość właściwości w komponencie React przy użyciu języka TypeScript
Nie mogę dowiedzieć się, jak ustawić domyślne wartości właściwości dla moich składników za pomocą Typescript. Oto kod źródłowy: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component&lt;PageProps, PageState&gt; { public render(): JSX.Element { return ( &lt;span&gt;Hello, world&lt;/span&gt; ); } } A …
151 reactjs  typescript  tsx 
4
Co robi „export default” w JSX?
Chcę zapytać, co oznacza i co robi ostatnie zdanie (eksport domyślny HelloWorld;), ale nie mogę znaleźć żadnych poradników na ten temat. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return &lt;p&gt;Hello, world!&lt;/p&gt;; } } export default HelloWorld;
12
Reaguj: dlaczego komponent potomny nie aktualizuje się po zmianie właściwości
Dlaczego w poniższym przykładzie pseudokodu Child nie jest ponownie renderowany, gdy kontener zmienia foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return &lt;Child bar={this.props.foo.bar} /&gt; } Child { render() { return &lt;div&gt;{this.props.bar}&lt;/div&gt; } } Nawet jeśli wywołam forceUpdate()po zmodyfikowaniu wartości w Container, Child nadal pokazuje starą wartość.
151 javascript  html  reactjs 
17
React - Wyświetla ekran ładowania podczas renderowania DOM?
To jest przykład ze strony aplikacji Google Adsense. Ekran ładowania wyświetlany przed wyświetleniem strony głównej po. Nie wiem, jak zrobić to samo z Reactem, ponieważ jeśli wykonam ekran ładowania renderowany przez komponent React, nie wyświetla się on podczas ładowania strony, ponieważ musi czekać na renderowanie DOM wcześniej. Zaktualizowano : Zrobiłem …
16
Aplikacja create-react-app importuje ograniczenie poza katalog src
Używam aplikacji create-react-app. Próbuję wywołać obraz z mojego publicznego folderu z pliku w moim src/components. Otrzymuję ten komunikat o błędzie. ./src/components/website_index.js Nie znaleziono modułu: próbujesz zaimportować ../../public/images/logo/WC-BlackonWhite.jpg, który znajduje się poza katalogiem src / projektu. Względne importowanie poza src / nie jest obsługiwane. Możesz przenieść go do src / lub …
8
Czy używanie async componentDidMount () jest dobre?
Czy używanie componentDidMount()jako funkcji asynchronicznej jest dobrą praktyką w React Native, czy powinienem tego unikać? Muszę uzyskać informacje od AsyncStoragemomentu zamontowania komponentu, ale jedyny znany mi sposób, aby to umożliwić, to ustawienie componentDidMount()funkcji asynchronicznej. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } Czy jest z tym …
25
sh: react-scripts: polecenie nie zostało znalezione po uruchomieniu npm start
Sklonowałem aplikację Reag na mój system i uruchomiłem następujące polecenia npm install -g create-react-app npm install --save react react-dom Potem uciekłem npm start Ale wyrzucił wspomniany powyżej błąd, działa dobrze na moim innym systemie, z którego wrzuciłem go na github. Ale nie działa na żadnym innym systemie po sklonowaniu, czy …
150 reactjs 
14
Nie można połączyć się ze zdalnym debugerem
Używam React.JS i kiedy to robię react-native run-android(z podłączonym urządzeniem) widzę pustą stronę. Kiedy potrząsam urządzeniem i wybieram Debug JS Remotelyz listy opcji, widzę następujący ekran. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0
9
Jak porównać stare i nowe wartości w React hookach useEffect?
Powiedzmy, że mam 3 wejścia: rate, sendAmount i acceptAmount. Umieściłem te 3 wejścia na różnicowych parametrach useEffect. Zasady są następujące: Jeśli wartość sendAmount uległa zmianie, obliczam receiveAmount = sendAmount * rate Jeśli wartość otrzymanej kwoty uległa zmianie, obliczam sendAmount = receiveAmount / rate Jeśli kurs się zmienił, obliczam receiveAmount = …
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.