Вопросы с тегом «reactjs»

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

138 javascript  jquery  reactjs 

В чем разница между компонентом и контейнером в React redux?

138 javascript  reactjs  redux 

Я использую реагирую с реактивом-роутером. Я пытаюсь передать свойства в "Link" реакции-маршрутизатора 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 …

137 javascript  reactjs  react-router 

Почему в следующем примере псевдокода 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()после изменения значения в контейнере, Child все равно покажет …

137 javascript  html  reactjs 

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

137 twitter-bootstrap  reactjs  webpack 

TL; DR: используйте defaultChecked вместо отмеченного рабочего jsbin . Попытка установить простой флажок, который будет перечеркивать его текст метки, когда он установлен. По какой-то причине handleChange не запускается, когда я использую компонент. Может кто-нибудь объяснить, что я делаю не так? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { …

137 checkbox  onchange  reactjs 

мой вывод ошибки: Неверный объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API. - configuration.module имеет неизвестное свойство 'loaders'. Эти свойства действительны: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRecursiveContext wrappedCache …

136 reactjs  webpack 

Я клонировал приложение реакции в свою систему и выполнил следующие команды npm install -g create-react-app npm install --save react react-dom После этого я побежал npm start Но он выдал вышеупомянутую ошибку. Он отлично работает в другой моей системе, из которой я нажал на github. Но после клонирования он не работает …

136 reactjs 

У меня есть компонент уведомлений, и у меня есть настройка времени ожидания для него. по истечении таймаута звоню this.setState({isTimeout:true}). Что я хочу сделать, так это если уже истекло время ожидания, я просто ничего не хочу отображать: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); …

136 reactjs 

Как я могу получить информацию от ReadableStreamобъекта? Я использую Fetch API и не вижу, чтобы это было ясно из документации. Тело возвращается как объект, ReadableStreamи я просто хотел бы получить доступ к свойству в этом потоке. В разделе «Ответ» в инструментах разработчика браузера я, кажется, организовал эту информацию в свойствах …

136 javascript  node.js  reactjs  fetch 

Вместо того, чтобы писать свои компоненты внутри класса, я хотел бы использовать синтаксис функции. Как переопределить componentDidMount, componentWillMountвнутри компонентов функции? Это вообще возможно? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content title="Promotions" …

136 reactjs  redux 

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

135 reactjs  ecmascript-6  webpack 

Я использую приведенный ниже код, чтобы установить свойства по умолчанию для компонента React, но он не работает. В этом render()методе я вижу, что вывод «undefined props» был напечатан на консоли браузера. Как я могу определить значение по умолчанию для свойств компонента? export default class AddAddressComponent extends Component { render() { …

135 reactjs  ecmascript-6 

У меня есть некоторые проблемы с моими изображениями в моем реактивном проекте. На самом деле я всегда думал, что относительный путь к атрибуту src основан на файловой архитектуре. Вот моя файловая архитектура: components file1.jsx file2.jsx file3.jsx container img js ... Однако я понял, что путь построен на URL-адресе. В одном …

135 javascript  reactjs  webpack 

В настоящее время я изучаю концепцию хуков в React и пытаюсь понять приведенный ниже пример. 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} times</p> <button onClick={() => setCount(count …

134 javascript  reactjs  react-native  react-hooks