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 odwołać się do lokalnego obrazu w React?
Jak mogę załadować obraz z lokalnego katalogu i dołączyć go do reactjs img srctagu? Mam obraz o nazwie one.jpegw tym samym folderze co mój komponent i próbowałem obu <img src="one.jpeg" />i <img src={"one.jpeg"} />wewnątrz mojej renderfunkcji, ale obraz się nie pojawia. Nie mam również dostępu do webpack configpliku, ponieważ projekt …
167 reactjs 
5
Próbuję użyć funkcji pobierania i przekazywania w trybie: no-cors
Mogę trafić na ten punkt końcowy http://catfacts-api.appspot.com/api/facts?number=99przez Postman i wracaJSON Dodatkowo używam aplikacji create-react-app i chciałbym uniknąć konfigurowania jakiejkolwiek konfiguracji serwera. W moim kodzie klienta próbuję fetchzrobić to samo, ale pojawia się błąd: Żądany zasób nie zawiera nagłówka „Access-Control-Allow-Origin”. Dlatego źródło „ http: // localhost: 3000 ” nie ma dostępu. …
21
React-Native: Błąd aplikacji nie został zarejestrowany
Obecnie przechodzę przez samouczki React-Native. Zacząłem od samouczka Getting Started, w którym stworzyłem nowy projekt natywny Reaguj i udało mi się uruchomić projekt na moim urządzeniu. Następnie uruchomiłem samouczek dotyczący rekwizytów , skopiowałem fragment kodu i próbowałem ponownie uruchomić projekt, a na ekranie pojawił się następujący komunikat o błędzie:
5
Dlaczego fragmenty w React 16 są lepsze niż elementy div kontenera?
W Reakcie 16.2 Fragmentsdodano ulepszone wsparcie dla . Więcej informacji można znaleźć w poście na blogu Reacta tutaj. Wszyscy znamy następujący kod: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } Tak, potrzebujemy kontenera div, …
165 reactjs 
5
Dynamiczna nazwa tagu w jsx i React
Próbuję napisać komponent React. dla tagów nagłówków html (h1, h2, h3, itd.), gdzie priorytet nagłówka zmienia się dynamicznie w zależności od priorytetu, który zdefiniowaliśmy we właściwościach. Oto co próbuję zrobić. <h{this.props.priority}>Hello</h{this.props.priority}> oczekiwany wynik: <h1>Hello</h1> To nie działa. Czy jest na to jakikolwiek sposób?
162 reactjs  jsx 
13
this.setState nie łączy stanów, jak bym się spodziewał
Mam następujący stan: this.setState({ selected: { id: 1, name: 'Foobar' } }); Następnie aktualizuję stan: this.setState({ selected: { name: 'Barfoo' }}); Ponieważ setStatema nastąpić scalenie, spodziewałbym się, że będzie to: { selected: { id: 1, name: 'Barfoo' } }; Ale zamiast tego zjada identyfikator, a stan to: { selected: { …
30
Nie można załadować skryptu.Upewnij się, że masz uruchomiony serwer Metro lub że pakiet „index.android.bundle” jest prawidłowo zapakowany do wydania
react-native run-androidpolecenie kończy się, pozostawiając wiadomość w symulatorze systemu Android. Wiadomość jest następująca: Nie można załadować skryptu. Upewnij się, że masz uruchomiony serwer Metro lub że pakiet „index.android.bundle” jest prawidłowo zapakowany do wydania. Co ja robię źle?
9
Uzyskaj rzutnię / wysokość okna w ReactJS
Jak uzyskać wysokość rzutni w ReactJS? W normalnym JavaScript używam window.innerHeight() ale używając ReactJS, nie jestem pewien, jak uzyskać te informacje. Rozumiem, że ReactDOM.findDomNode() działa tylko dla utworzonych komponentów. Nie dotyczy to jednak elementu documentor body, który mógłby mi podać wysokość okna.
11
Renderuj ciąg HTML jako prawdziwy HTML w komponencie React
Oto, czego próbowałem i jak idzie źle. To działa: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> To nie: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Właściwość description jest zwykłym ciągiem zawartości HTML. Jednak z jakiegoś powodu jest renderowany jako ciąg znaków, a nie jako HTML. Jakieś sugestie?
159 javascript  html  reactjs  jsx 
4
Niestandardowa nawigacja z komponentem Navigator w React-Native
Badam możliwości React Native podczas tworzenia aplikacji demonstracyjnej z niestandardową nawigacją między widokami za pomocą Navigatorkomponentu . Główna klasa aplikacji renderuje nawigatora, a wewnątrz renderScenezwraca przekazany komponent: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => …
6
Zdarzenie OnChange przy użyciu React JS do rozwijania
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChangeWydarzenie nie działa.
7
Prześledź, dlaczego komponent React jest ponownie renderowany
Czy istnieje systematyczne podejście do debugowania tego, co powoduje ponowne renderowanie komponentu w Reakcie? Umieściłem prostą console.log (), aby zobaczyć, ile razy renderuje, ale mam problem ze zrozumieniem, co powoduje, że komponent renderuje się wiele razy, tj. (4 razy) w moim przypadku. Czy istnieje narzędzie, które pokazuje oś czasu i …
156 reactjs  redux 
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.