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

9
tslint mówi, że wywołania console.log są niedozwolone - jak na to zezwolić?
Właśnie zacząłem używać aplikacji create-react-z maszyną create-react-app my-app --scripts-version=react-scripts-ts a domyślna konfiguracja tslint.json nie zezwala na console.log (). Jak mogę (na razie) włączyć console.log? Dokumentacja na ten temat znajduje się pod adresem https://palantir.github.io/tslint/rules/no-console/ . Ale nie mówią, gdzie umieścić tę linię: "no-console": [true, "log", "error"] Przeszukałem i znalazłem tę składnię …
7
Reaguj na plik JSX podając błąd „Nie można odczytać właściwości„ createElement ”o wartości undefined”
Mam plik test_stuff.js, z którym pracuję npm test Wygląda to mniej więcej tak: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the value …
11
Komponent nie jest montowany ponownie po zmianie parametrów trasy
Pracuję nad aplikacją React przy użyciu routera React-router. Mam stronę projektu, która ma następujący adres URL: myapplication.com/project/unique-project-id Po załadowaniu komponentu projektu wyzwalam żądanie danych dla tego projektu ze zdarzenia componentDidMount. Mam teraz problem, w którym jeśli przełączę się bezpośrednio między dwoma projektami, zmieni się tylko identyfikator ... myapplication.com/project/982378632 myapplication.com/project/782387223 myapplication.com/project/198731289 …
6
Jak zrobić przekierowanie na inną trasę za pomocą routera React?
Próbuję zrobić PROSTE za pomocą routera reaktywnego ( wersja ^ 1.0.3 ), aby przekierować do innego widoku i po prostu się męczę. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = { router: PropTypes.func.isRequired }; constructor(props, context) { super(props, context); …
13
Jak unosisz się w ReactJS? - onMouseLeave nie jest zarejestrowany podczas szybkiego najechania kursorem
Jak możesz osiągnąć zdarzenie najechania lub aktywne zdarzenie w ReactJS, gdy wykonujesz stylizację w tekście? Odkryłem, że podejście onMouseEnter, onMouseLeave jest błędne, więc mam nadzieję, że jest inny sposób, aby to zrobić. W szczególności, jeśli szybko najedziesz kursorem na komponent, zarejestrowane zostanie tylko zdarzenie onMouseEnter. Element onMouseLeave nigdy nie jest …
11
Różnica między deklaratywnym a imperatywnym w React.js?
Ostatnio dużo studiowałem na temat funkcjonalności i sposobów korzystania z biblioteki Facebooka JavaScript React.js. Mówiąc o swoich różnic z resztą świata JavaScript często dwoma stylami programowania declarativei imperativesą mentionned. Jaka jest różnica między nimi?
102 reactjs 
5
Jak sprawdzić, czy element nie istnieje, używając żartu i biblioteki-testu-reagowania?
Mam bibliotekę komponentów, którą piszę testy jednostkowe do używania Jest i bibliotekę reagowania. Na podstawie niektórych rekwizytów lub wydarzeń chcę sprawdzić, czy określone elementy nie są renderowane. getByText, getByTestIditp. zgłoszenie i błąd, react-testing-libraryjeśli element nie zostanie znaleziony, co powoduje niepowodzenie testu przed uruchomieniem expectfunkcji. Jak przetestować coś, co nie istnieje …
4
Reaguj PropTypes vs. Flow
PropTypes i Flow obejmują podobne rzeczy, ale używają różnych podejść. PropTypes może generować ostrzeżenia w czasie wykonywania, co może być pomocne w szybkim znajdowaniu źle sformułowanych odpowiedzi pochodzących z serwera itp. Jednak Flow wydaje się być przyszłością, a koncepcje takie jak generics są bardzo elastycznym rozwiązaniem. Również autouzupełnianie oferowane przez …
3
ASP.NET Core 2.0 Razor vs Angular / React / etc
Mój zespół i ja otrzymaliśmy fundusze na rozpoczęcie tworzenia aplikacji internetowej na poziomie przedsiębiorstwa (nie będę wchodzić w szczegóły tego, co robi). Aplikacja będzie miała wiele oddzielnych stron internetowych, ale dwie z nich będą bardziej skoncentrowane i bardzo ciężkie - ciężkie, jak w przypadku wielu interakcji z użytkownikami, modały wyświetlające …
1
„To” jest niezdefiniowane w funkcji mapy Reactjs
Pracuję z Reactjs, pisząc komponent menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = item.articleId == …
9
Ustaw widok 80% szerokości rodzica w React Native
Tworzę formularz w React Native i chciałbym, aby moje było TextInput80% szerokości ekranu. W przypadku HTML i zwykłego CSS byłoby to proste: input { display: block; width: 80%; margin: auto; } Z wyjątkiem tego, że React Native nie obsługuje displaywłaściwości, szerokości procentowych ani automatycznych marginesów. Więc co powinienem zrobić zamiast …
6
& nbsp jsx nie działa
Używam tagu & nbsp w jsx i nie renderuje spacji. Poniżej znajduje się mały fragment mojego kodu, proszę o pomoc. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> </select> <button type="button">Get Pricing Report</button> …
101 html  reactjs  jsx 
9
Zalecany sposób na przeciągnięcie komponentu / div Reacta
Chcę utworzyć komponent React z możliwością przeciągania (czyli repozycjonowania za pomocą myszy), który wydaje się koniecznie obejmować obsługę stanu globalnego i rozproszonych zdarzeń. Mogę to zrobić na brudno, z globalną zmienną w moim pliku JS i prawdopodobnie mógłbym nawet owinąć ją ładnym interfejsem zamknięcia, ale chcę wiedzieć, czy istnieje sposób, …
7
Jak zwrócić wiele wierszy JSX w innej instrukcji return w Reakcie?
Pojedyncza linia działa dobrze render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } nie dla wielu linii render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Dzięki.
100 reactjs 
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.