Недавно я перешел с Angular на ReactJs. Я использую jQuery для вызовов API. У меня есть API, который возвращает случайный список пользователей, который нужно распечатать в виде списка. Я не уверен, как писать свои вызовы API. Что для этого лучше всего? Я пробовал следующее, но ничего не получаю....
TL; DR: используйте defaultChecked вместо отмеченного рабочего jsbin . Попытка установить простой флажок, который будет перечеркивать его текст метки, когда он установлен. По какой-то причине handleChange не запускается, когда я использую компонент. Может кто-нибудь объяснить, что я делаю не так?...
Я использую реагирую с реактивом-роутером. Я пытаюсь передать свойства в "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...
Почему в следующем примере псевдокода 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> }...
Я новичок в reactjs, я хочу включить bootstrap в свое приложение для реакции Я установил бутстрап npm install bootstrap --save Теперь я хочу загрузить загрузочные css и js в мое приложение для реагирования. Я использую webpack. webpack.config.js var config = { entry: './src/index', output: { path:...
Вместо того, чтобы писать свои компоненты внутри класса, я хотел бы использовать синтаксис функции. Как переопределить componentDidMount, componentWillMountвнутри компонентов функции? Это вообще возможно? const grid = (props) => { console.log(props); let {skuRules} = props; const...
Я клонировал приложение реакции в свою систему и выполнил следующие команды npm install -g create-react-app npm install --save react react-dom После этого я побежал npm start Но он выдал вышеупомянутую ошибку. Он отлично работает в другой моей системе, из которой я нажал на github. Но после...
мой вывод ошибки: Неверный объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API. - configuration.module имеет неизвестное свойство 'loaders'. Эти свойства действительны: object {exprContextCritical ?, exprContextRecursive ?,...
У меня есть компонент уведомлений, и у меня есть настройка времени ожидания для него. по истечении таймаута звоню this.setState({isTimeout:true}). Что я хочу сделать, так это если уже истекло время ожидания, я просто ничего не хочу отображать: render() { let finalClasses = "" + (this.state.classes...
Как я могу получить информацию от ReadableStreamобъекта? Я использую Fetch API и не вижу, чтобы это было ясно из документации. Тело возвращается как объект, ReadableStreamи я просто хотел бы получить доступ к свойству в этом потоке. В разделе «Ответ» в инструментах разработчика браузера я, кажется,...
У меня есть некоторые проблемы с моими изображениями в моем реактивном проекте. На самом деле я всегда думал, что относительный путь к атрибуту src основан на файловой архитектуре. Вот моя файловая архитектура: components file1.jsx file2.jsx file3.jsx container img js ... Однако я понял, что путь...
Я использую приведенный ниже код, чтобы установить свойства по умолчанию для компонента React, но он не работает. В этом render()методе я вижу, что вывод «undefined props» был напечатан на консоли браузера. Как я могу определить значение по умолчанию для свойств компонента? export default class...
Я играю с Reactи ES6использую babelи webpack. Я хочу собрать несколько компонентов в разных файлах, импортировать в один файл и связать их сwebpack Допустим, у меня есть несколько таких компонентов: мой-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export...
В настоящее время я изучаю концепцию хуков в 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}...
Хотя есть аналогичный вопрос, я не могу создать файл с несколькими функциями. Не уверен, что метод уже устарел или нет, так как RN развивается очень быстро. Как создать глобальную вспомогательную функцию в React Native? Я новичок в React Native. Я хочу создать файл js, полный множества функций...
Я создал компонент в React, который должен обновлять свой собственный стиль при прокрутке окна для создания эффекта параллакса. Компонентный renderметод выглядит так: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop =...
Я читаю о Flux, но пример приложения Todo слишком упрощен для меня, чтобы понять некоторые ключевые моменты. Представьте себе одностраничное приложение, такое как Facebook, у которого есть страницы профиля пользователя . На каждой странице профиля пользователя мы хотим отображать некоторую...
Я использую последнюю версию модуля response-router с именем response-router-dom, который стал по умолчанию при разработке веб-приложений с React. Я хочу знать, как сделать перенаправление после запроса POST. Я делал этот код, но после запроса ничего не происходит. Я просматриваю в Интернете, но...
Я пишу сценарий, который перемещает раскрывающийся список ниже или выше ввода в зависимости от высоты раскрывающегося списка и положения ввода на экране. Также я хочу установить модификатор для раскрывающегося списка в соответствии с его направлением. Но использование setStateвнутри...
Какой тип подходит для событий React. Изначально я просто использовал anyдля простоты. Теперь я пытаюсь навести порядок и полностью отказаться от использования any. Итак, в такой простой форме: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn:...