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ą
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...
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 =...
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...
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...
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...
Jaka jest różnica między komponentem a pojemnikiem w React Redux?
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...
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:...
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...
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...
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...
Jak uzyskać pełny adres URL z komponentu ReactJS? Myślę, że powinno to być coś takiego, this.props.locationale tak
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 =...
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 ?,...
Mam składnik powiadomień i mam dla niego ustawienie limitu czasu. po przekroczeniu limitu czasu dzwonię this.setState({isTimeout:true}). To, co chcę zrobić, to jeśli już upłynął limit czasu, chcę po prostu nic nie renderować: render() { let finalClasses = "" + (this.state.classes || ""); if...
Jak mogę uzyskać informacje z ReadableStreamobiektu? Używam Fetch API i nie widzę tego w dokumentacji. Ciało jest zwracane jako a ReadableStreami chciałbym po prostu uzyskać dostęp do właściwości w tym strumieniu. W sekcji Response w narzędziach programistycznych przeglądarki wydaje mi się, że...
Zamiast pisać moje komponenty wewnątrz klasy, chciałbym zamiast tego użyć składni funkcji. Jak mogę nadpisać componentDidMount, componentWillMountwewnątrz elementów funkcyjnych? Czy to w ogóle możliwe? const grid = (props) => { console.log(props); let {skuRules} = props; const...
React hooks wprowadza useStatedo ustawiania stanu komponentu. Ale jak mogę użyć hooków, aby zamienić wywołanie zwrotne, jak poniżej: setState( { name: "Michael" }, () => console.log(this.state) ); Chcę coś zrobić po zaktualizowaniu stanu. Wiem, że mogę useEffectzrobić dodatkowe rzeczy,...
Obecnie uczę się koncepcji hooków w Reakcie i próbuję zrozumieć poniższy przykład. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count}...