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

10
Co to jest wirtualny DOM?
Ostatnio przyjrzałem się frameworkowi React na Facebooku . Wykorzystuje koncepcję zwaną „wirtualnym DOM”, której tak naprawdę nie rozumiałem. Co to jest wirtualny DOM? Jakie są zalety?
6
Jak ładować pliki obrazów za pomocą programu ładującego pliki webpack
Używam WebPacka do zarządzania projektem Reactjs . Chcę załadować obrazy w javascript przez webpack file-loader. Poniżej znajduje się plik webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { …
11
Wprowadzanie maszynopisu onchange event.target.value
W moim reagować i maszynopis aplikacji, używam: onChange={(e) => data.motto = (e.target as any).value}. Jak poprawnie zdefiniować typy dla klasy, aby nie musieć hakować systemu typów any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } Jeśli wstawię target: { value: string };otrzymam: …
7
React Pole wyboru nie wysyła przy zmianie
TLDR: Użyj defaultChecked zamiast sprawdzonego, działającego jsbin . Próbuję ustawić proste pole wyboru, które przekreśli tekst swojej etykiety, gdy jest zaznaczone. Z jakiegoś powodu handleChange nie odpala, gdy używam komponentu. Czy ktoś może wyjaśnić, co robię źle? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || …
7
React Hook Warnings dla funkcji async in useEffect: funkcja useEffect musi zwracać funkcję porządkującą lub nic
Próbowałem na useEffectprzykładzie jak poniżej: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); i dostaję to ostrzeżenie na mojej konsoli. Myślę, że czyszczenie jest opcjonalne dla wywołań asynchronicznych. Nie wiem, dlaczego …
6
Metoda rodzica wywołania ReactJS
Robię pierwszy krok w ReactJS i próbuję zrozumieć komunikację między rodzicem a dziećmi. Robię formę, więc mam komponent do stylizacji pól. Mam też komponent nadrzędny, który zawiera pole i je sprawdza. Przykład: var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" placeholder="Nickname" /> ); }, check: function () …
9
Jak ustawić domyślne właściwości komponentu w komponencie React
Używam poniższego kodu, aby ustawić domyślne właściwości komponentu React, ale to nie działa. W render()metodzie widzę, że wynik „undefined props” został wydrukowany na konsoli przeglądarki. Jak mogę zdefiniować domyślną wartość dla właściwości komponentów? export default class AddAddressComponent extends Component { render() { let {provinceList,cityList} = this.props if(cityList === undefined || …
6
Jak importować i eksportować komponenty za pomocą React + ES6 + webpack?
Bawię się Reacti ES6używam babeli webpack. Chcę zbudować kilka komponentów w różnych plikach, zaimportować je w jednym pliku i połączyć je zwebpack Powiedzmy, że mam kilka takich komponentów: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... …
15
Jak używać referencji w React with Typescript
Używam Typescript z React. Mam problem ze zrozumieniem, jak używać referencji, aby uzyskać statyczne typowanie i inteligencję w odniesieniu do węzłów reakcji, do których odwołują się odwołania. Mój kod jest następujący. import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: number; } interface …
8
Jak zmusić Django i ReactJS do współpracy?
Nowość w Django i jeszcze nowsza w ReactJS. Zaglądałem do AngularJS i ReactJS, ale zdecydowałem się na ReactJS. Wydawało się, że wyprzedza AngularJS pod względem popularności, mimo że AngularJS ma większy udział w rynku, a ReactJS jest szybszy do odbioru. Pomijając te wszystkie śmieci, zacząłem brać udział w kursie Udemy …
138 django  reactjs 
12
TypeScript i React - dzieci piszą?
Mam bardzo prosty element funkcjonalny, jak następuje: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; I kolejny komponent: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout = (props: …
9
Przekaż rekwizyty w Link React-Router
Korzystam z React z React-Router. Próbuję przekazać właściwość w „Łączu” routera reagującego var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link …
5
configuration.module ma nieznaną właściwość „loaders”
mój wynik błędu: Nieprawidłowy obiekt konfiguracyjny. Pakiet Webpack został zainicjowany przy użyciu obiektu konfiguracyjnego, który nie pasuje do schematu interfejsu API. - configuration.module ma nieznaną właściwość „loaders”. Te właściwości są ważne: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknown ?, …
136 reactjs  webpack 
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.