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
Czy ktoś może wyjaśnić różnicę między jednokierunkowym wiązaniem danych Reacts a dwukierunkowym wiązaniem danych Angulara
Jestem trochę niejasny w tych koncepcjach, jeśli zbuduję tę samą aplikację ToDo całkowicie w AngularJS i ReactJS - co sprawia, że ​​React ToDo używa jednokierunkowego wiązania danych w porównaniu z dwukierunkowym wiązaniem danych AngularJS? Rozumiem, że tak działa React Renderuj (dane) ---> UI. Czym to się różni od Angulara?
2
Reaguj Komponent podrzędny nie aktualizuje się po zmianie stanu nadrzędnego
Próbuję stworzyć ładny składnik ApiWrapper do wypełniania danych w różnych składnikach podrzędnych. Ze wszystkiego, co przeczytałem, powinno to działać: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { fetch(endpoint).then(function(response) { this.setState({ response: …
109 reactjs 
19
Odmówiono załadowania czcionki „data: font / woff…”, narusza to następującą dyrektywę Content Security Policy: „default-src 'self'”. Zwróć uwagę, że „font-src”
Moja reakcja webApp daje ten błąd w konsoli przeglądarki Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Również: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …
11
Zawijanie łącza React-router w przycisk html
Korzystanie z sugerowanej metody: Oto wynik: łącze w przycisku , kod między wierszami komentarza Zastanawiałem się, czy istnieje sposób na zawinięcie Linkelementu z tagu 'react-router'HTML buttonza pomocą reakcji. Obecnie mam Linkkomponenty do nawigacji po stronach w mojej aplikacji, ale chciałbym odwzorować tę funkcjonalność na moje przyciski HTML.
3
Jak zaktualizować kontekst reakcji z wnętrza komponentu potomnego?
Mam ustawienia języka w kontekście jak poniżej class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; Mój kod aplikacji będzie wyglądał jak poniżej <LanguageProvider> <App> <MyPage /> </App> </LanguageProvider> Moja …
5
React.useState nie przeładowuje stanu z właściwości
Oczekuję, że stan załaduje się ponownie po zmianie właściwości, ale to nie działa i userzmienna nie jest aktualizowana przy następnym useStatewywołaniu, co jest nie tak? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } codepen
2
Routing klienta (za pomocą routera reaktywnego) i routing po stronie serwera
Myślałem i jestem zdezorientowany z routingiem między klientem a serwerem. Załóżmy, że używam ReactJS do renderowania po stronie serwera przed wysłaniem żądania z powrotem do przeglądarki internetowej i używam React-router jako routingu po stronie klienta do przełączania się między stronami bez odświeżania jako SPA. Przychodzi mi na myśl: Jak interpretowane …
5
React.js, poczekaj, aż setState zakończy działanie przed uruchomieniem funkcji?
Oto moja sytuacja: on this.handleFormSubmit () Wykonuję this.setState () wewnątrz this.handleFormSubmit (), wzywam this.findRoutes (); - co zależy od pomyślnego zakończenia this.setState () this.setState (); nie kończy się przed tym. findRoutes zostanie wywołany ... Jak mam czekać, aż this.setState () wewnątrz this.handleFormSubmit () zakończy się przed wywołaniem this.findRoutes ()? Słabe …
2
Czy można używać React.render () wiele razy w DOM?
Chcę używać Reacta do wielokrotnego dodawania komponentów w całym DOM. To skrzypce pokazuje, co chcę zrobić, i nie powoduje żadnych błędów. Oto kod: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents will be replaced with the …
107 reactjs 
3
Jak uzyskać prostą wysyłkę z this.props za pomocą connect w / Redux?
Mam prosty komponent React, który podłączam (mapowanie prostej tablicy / stanu). Aby uniknąć odwoływania się do kontekstu sklepu, chciałbym uzyskać sposób na uzyskanie „wysyłki” bezpośrednio z rekwizytów. Widziałem innych stosujących to podejście, ale z jakiegoś powodu nie mam do niego dostępu :) Oto wersje każdej zależności npm, której obecnie używam …
6
webpack nie może znaleźć modułu, jeśli plik o nazwie jsx
Jak piszę webpack.config.js w ten sposób module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; I index.jsximportuję reactmodułApp import React from 'react'; import { render } from 'react-dom'; import App …
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.