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

13
Jaki jest odpowiednik ng-if w respond.js?
Mam zamiar zareagować na użycie angular i próbuję znaleźć dobrą alternatywę dla dyrektywy ng-if angulara, w której renderuję lub nie renderuję elementu na podstawie warunku. Weźmy na przykład ten kod. Przy okazji używam maszynopisu (tsx), ale to nie powinno mieć większego znaczenia. "use strict"; import * as React from 'react'; …
82 reactjs 
5
Jak mogę renderować powtarzające się elementy React?
Napisałem kod do renderowania powtarzających się elementów w ReactJS, ale nienawidzę tego, jak brzydki jest. render: function(){ var titles = this.props.titles.map(function(title) { return <th>{title}</th>; }); var rows = this.props.rows.map(function(row) { var cells = []; for (var i in row) { cells.push(<td>{row[i]}</td>); } return <tr>{cells}</tr>; }); return ( <table className="MyClassName"> <thead> …
2
Błąd kompilacji pakietu Webpack / Babel / React: „Nieznana opcja: foo / node_modules / reag / respond.js.Children”
Próbuję zbudować projekt za pomocą webpacka i zareagować tą konfiguracją webpacka: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: path.join(__dirname, 'app'), …
15
Nie można znaleźć wtyczki „propozycja-separator liczbowy”
Jak naprawić Could not find plugin "proposal-numeric-separator"błąd pojawia się, gdy próbuję zbudować aplikację React, jeszcze jej nie wysunąłem: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at Generator.next (<anonymous>) error Command …
60 reactjs  build  yarnpkg 
7
React-Native inny kontener wspierany przez VirtualizedList
Po przejściu na natywną wersję 0.61 otrzymuję wiele takich ostrzeżeń: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Z czego jeszcze VirtualizedList-backed containerpowinienem korzystać i dlaczego nie zaleca się takiego używania?
4
seter haka useState niepoprawnie nadpisuje stan
Oto problem: próbuję wywołać 2 funkcje jednym kliknięciem przycisku. Obie funkcje aktualizują stan (używam haka useState). Pierwsza funkcja poprawnie aktualizuje wartość 1 do „nowej 1”, ale po 1 s (setTimeout) uruchamia się druga funkcja i zmienia wartość 2 na „nową 2” ALE! Ustawia wartość 1 z powrotem na „1”. Dlaczego …
7
Nie można przekonwertować obiektu na błąd wartości pierwotnej w aplikacji reagującej?
Pracuję nad prostą aplikacją rozruchową z reakcją sprężynową, ale z powodu problemu z GitHub odtwarzam pliki startowe aplikacji za pomocą IntelliJ i instaluję moduły węzłów, korzystając z danych zależności pliku package.json poprzedniej aplikacji. Jeśli użyję zwijanego paska nawigacyjnego (pasek hamburgera -> responsywne paski nawigacyjne, które zwiną się w widoku mobilnym) …
3
Odbiornik Firebase z hakami React
Próbuję wymyślić, jak korzystać z nasłuchiwania Firebase, aby dane firestore w chmurze były odświeżane za pomocą aktualizacji hooków reagowania. Początkowo zrobiłem to przy użyciu komponentu klasy z funkcją componentDidMount, aby uzyskać dane firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); …
7
Błąd aplikacji React: Nie udało się zbudować „WebSocket”: Niebezpieczne połączenie WebSocket może nie zostać zainicjowane ze strony załadowanej przez HTTPS
Wdrażam aplikację React, ale pojawia się dziwny błąd podczas odwiedzania strony przez https. Gdy odwiedzam stronę przez https, pojawia się następujący błąd: SecurityError: Nie udało się zbudować „WebSocket”: Niebezpieczne połączenie WebSocket może nie zostać zainicjowane ze strony załadowanej przez HTTPS. Ale kiedy przechodzę do strony przez http, działa idealnie. Problem …
25 node.js  reactjs 
7
Nie można uruchomić narzędzia wyboru daty i materiału
Z jakiegoś powodu nie mogę uruchomić selektora dat materiałów . Za każdym razem, gdy datepicker jest renderowany w React, generowany jest następujący błąd: RangeError: Łańcuch formatu zawiera nieskalowany znak alfabetu łacińskiego n Utworzyłem stackblitz za pomocą tylko datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) i nawet tam pojawia się błąd. Co ja robię …
3
Nie można odczytać właściwości „historii” niezdefiniowanej (hook użytkownika useHistory w React Router 5)
Korzystam z nowego haka useHistory React Router, który pojawił się kilka tygodni temu. Moja wersja React-routera to 5.1.2. Mój React jest w wersji 16.10.1. Mój kod możesz znaleźć na dole. Jednak kiedy importuję nowe useHistory z React-Routera, pojawia się ten błąd: Uncaught TypeError: Cannot read property 'history' of undefined który …
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.