Запитання з тегом «reactjs»

У мене дуже простий функціональний компонент: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; І ще один компонент: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout = (props: …

138 reactjs  typescript  jsx  typescript2.0 

Я використовую react-router. Я намагаюся передати майно в "Посилання" реактивного маршрутизатора 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 to="ideas" …

137 javascript  reactjs  react-router 

Нещодавно я перейшов з кутового до ReactJs. Я використовую jQuery для дзвінків API. У мене є API, який повертає випадковий список користувачів, який повинен бути надрукований у списку. Я не впевнений, як писати дзвінки API. Яка найкраща практика для цього? Я спробував наступне, але я не отримую жодного результату. Я …

137 javascript  jquery  reactjs 

Як отримати повну URL-адресу з компонента ReactJS? Я думаю, що це має бути щось на кшталт, this.props.locationале це такundefined

137 reactjs 

мій вихід помилки: Недійсний об'єкт конфігурації. Webpack ініціалізований за допомогою об'єкта конфігурації, який не відповідає схемі API. - config.module має невідоме властивість "завантажувачі". Ці властивості: об'єкт {exprContextCritical?, ExprContextRecursive?, ExprContextRegExp?, ExprContextRequest?, NoParse?, Правила?, DefaultRules?, UnknownContextCritical?, UnknownContextRecursive?, UnknownContextRegExp?, UnknownContextRequest?, UnsafeCache?, WrappedContextCritical?, WrappedContextRecursive?, WrappedContextRegExp ?, strictExportPresence ?, strogoThisContextOnImports? } -> Параметри, що впливають …

136 reactjs  webpack 

TLDR: Використовуйте defaultChecked замість перевіреного робочого jsbin . Намагаючись встановити простий прапорець, який перекреслить текст мітки під час його позначення. Чомусь handleChange не звільняється, коли я використовую компонент. Хтось може пояснити, що я роблю неправильно? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false }; …

136 checkbox  onchange  reactjs 

Я граю навколо Reactі ES6використовую babelі webpack. Я хочу створити кілька компонентів у різних файлах, імпортувати в один файл і зв'язати їхwebpack Скажімо, у мене є кілька таких компонентів: 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> …

135 reactjs  ecmascript-6  webpack 

Я використовую код нижче, щоб встановити реквізити за замовчуванням на компонент React, але він не працює. У render()способі я бачу, як вихід "невизначений реквізит" був надрукований на консолі браузера. Як я можу визначити значення за замовчуванням для реквізиту компонента? export default class AddAddressComponent extends Component { render() { let {provinceList,cityList} …

135 reactjs  ecmascript-6 

У мене є проблема з моїми зображеннями в моєму проекті реагування. Дійсно, я завжди думав, що відносний шлях до атрибуту src побудований на архітектурі файлів Тут архітектура моїх файлів: components file1.jsx file2.jsx file3.jsx container img js ... Однак я зрозумів, що шлях побудований на URL-адресі. В одному з моїх компонентів …

135 javascript  reactjs  webpack 

Яка різниця між компонентом і контейнером у реакції відновлення?

135 javascript  reactjs  redux 

Я новачок для reactjs, я хочу включити завантажувальний засіб у свій додаток для реагування Я встановив завантажувальний програму by npm install bootstrap --save Тепер хочемо завантажити css і js для завантаження у свій додаток для реагування. Я використовую webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', …

135 twitter-bootstrap  reactjs  webpack 

Я клонував додаток для реагування на свою систему і запускав наступні команди npm install -g create-react-app npm install --save react react-dom Після цього я побіг npm start Але це кинуло вищезгадану помилку, вона прекрасно працює на іншій моїй системі, з якої я натиснув її на github. Але це не працює …

135 reactjs 

Чому в наступному прикладі псевдокоду Child не відображається, коли контейнер змінює foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Навіть якщо я подзвоню forceUpdate()після зміни значення в контейнері, дитина все одно показує старе значення.

135 javascript  html  reactjs 

У мене є компонент сповіщення, і в ньому встановлено час очікування. після таймауту я дзвоню this.setState({isTimeout:true}). Що я хочу зробити, це якщо вже таймаут, я не хочу нічого робити: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has some syntax error } …

135 reactjs 

Як я можу отримати інформацію від ReadableStreamоб'єкта? Я використовую API Fetch, і я не бачу цього в документації. Тіло повертається як ReadableStreamі я просто хотів би отримати доступ до ресурсу в цьому потоці. У розділі Відповідь у інструментах для розробників браузера я, схоже, цю інформацію організував у властивості у вигляді …

135 javascript  node.js  reactjs  fetch