Как вы можете добиться в ReactJS события зависания или активного события, когда вы выполняете встроенные стили? Я обнаружил, что подход onMouseEnter, onMouseLeave содержит ошибки, поэтому надеюсь, что есть другой способ сделать это. В частности, если вы очень быстро наведете курсор мыши на...
Я работаю над реактивным приложением с использованием реактивного маршрутизатора. У меня есть страница проекта с URL-адресом: myapplication.com/project/unique-project-id Когда компонент проекта загружается, я инициирую запрос данных для этого проекта из события componentDidMount. Теперь я...
Я не понимаю, какова цель использования IndexRoute и IndexLink . Кажется, что в любом случае приведенный ниже код сначала выбрал бы компонент Home, если не был активирован путь About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about"...
Я хотел проверить, что происходит, когда вы используете this.setState несколько раз (2 раза для обсуждения). Я думал, что компонент будет отрисован дважды, но, видимо, он отрисовывается только один раз. Еще одно ожидание, которое я ожидал, заключалось в том, что, возможно, второй вызов setState...
Я создаю форму в React Native и хочу сделать TextInput80% ширины экрана. С HTML и обычным CSS это было бы просто: input { display: block; width: 80%; margin: auto; } За исключением того, что React Native не поддерживает displayсвойства, ширину в процентах или автоматические поля. Так что же мне...
У меня есть один компонент, который будет отображать массив строк. Код выглядит так. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Он работает отлично. то есть, если props.data = ['tom', 'jason', 'chris'] Отображаемый результат...
Я создал приложение с ReactNative как для iOS, так и для Android с расширениемListView . При заполнении представления списка допустимым источником данных в нижней части экрана выводится следующее предупреждение: Предупреждение: каждый дочерний элемент в массиве или итераторе должен иметь...
Я пытаюсь сделать ПРОСТОЙ с помощью response-router ( версия ^ 1.0.3 ) для перенаправления на другое представление, и я просто устаю. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = {...
Имея в виду этот код: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div>...
У меня есть файл test_stuff.js, с которым я работаю npm test Это примерно так: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...
Я только начал использовать приложение create-response-app с машинописным текстом create-react-app my-app --scripts-version=react-scripts-ts а конфигурация tslint.json по умолчанию не допускает console.log (). Как я могу (пока) включить console.log? Документы для этого находятся на...
У меня есть несколько побочных эффектов, и я хочу знать, как их организовать: как одноразовое использование или несколько useEffects Что лучше с точки зрения производительности и архитектуры?...
Я просматривал документацию по хукам, когда наткнулся на нее useRef. Глядя на их пример… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <>...
Я хочу сделать перетаскиваемый (то есть перемещаемый мышью) компонент React, который, кажется, обязательно включает обработчики глобального состояния и разрозненных событий. Я могу сделать это грязным способом, используя глобальную переменную в моем JS-файле, и, возможно, даже мог бы обернуть его...
Я работаю с Reactjs, пишу компонент меню. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' :...
У меня есть помощник с кучей баскетбольных команд. Поэтому я хотел бы показать что-то свое для каждой команды, когда над одной из них зависает. Кроме того, я использую Reactjs, поэтому, если бы у меня была переменная, которую я мог бы передать другому компоненту, это было бы здорово....
PropTypes и Flow охватывают похожие вещи, но используют разные подходы. PropTypes может выдавать вам предупреждения во время выполнения, что может быть полезно для быстрого поиска искаженных ответов, исходящих от сервера и т. Д. Однако Flow, похоже, является будущим, и с такими концепциями, как...
Я использую тег & nbsp в jsx, и он не отображает пространство. Ниже приводится небольшой фрагмент моего кода. Пожалуйста, помогите. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr>...
У меня есть два компонента: Родительский компонент, из которого я хочу изменить состояние дочернего компонента: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent...
Моя команда и я получили финансирование для начала разработки веб-приложения корпоративного уровня (не буду вдаваться в подробности того, что оно делает). В приложении будет много отдельных веб-страниц, но две из них будут более сфокусированными и очень тяжелыми - тяжелыми, как при большом...