Описание тега jsx
По вопросам о синтаксисе JSX, используемом React.js, Vue и другими интерфейсными платформами JavaScript, которые позволяют использовать встроенные XML-литералы в JavaScript для описания элементов HTML. Если ваш вопрос касается расширенной реализации Adobe JavaScript (ExtendScript), которая как минимум на пять лет старше React.js, используйте вместо этого тег [ExtendScript].
1
ответ
Доступ к route.rb из компонента React
Я работаю над простым проектом Rails и пытаюсь включить React в интерфейс. Я установил react-rails драгоценный камень и рефакторинг без проблем. Тем не менее, есть небольшое неудобство. С помощью представления ERB я могу создавать ссылки, ссылаясь н…
23 фев '17 в 04:09
0
ответов
Как проверить состав компонента / "базовый"-компонент / визуализированный корневой компонент в React?
Общеизвестно, что когда мы хотим "расширить" <Component> в React мы на самом деле не расширяем его класс с помощью наследования, а используем композицию для его визуализации с помощью пользовательских props внутри нашего "производного" компоне…
16 мар '17 в 06:14
1
ответ
Попытка отфильтровать это отображение криптовалют по имени. Почему код ниже не работает?
По сути, при отправке формы я хотел бы взять это значение и передать его в функцию currencycies.filter. Где это говорит document.getElementById... Когда он является currency.currency === 'BTC' это работает Однако это не currency.currency === documen…
15 авг '18 в 10:49
4
ответа
Есть ли способ иметь одного организатора событий для этих 3 событий?
Как я могу объединить эти 3 обработчика событий в 1? В моем действии есть только одно свойство, которое отличается. clickHandler1 () { this.props.dispatch({type: 'updateMenuFave', current: '1' }); } clickHandler2 () { this.props.dispatch({type: 'upd…
05 окт '17 в 00:54
1
ответ
Как включить файл JavaScript внутри кода TypeScript?
carousel.js - это мой JavaScript-код. Его цель - добавить события, как предыдущие и следующие, на карусель. Как мне использовать это в своем TypeScript?? Ниже показан метод рендеринга, в котором я использовал базовый HTML. public render(): React.Rea…
24 июл '18 в 15:54
1
ответ
Неожиданный токен - JavaScript-выражение в JSX
У меня есть поле ввода, которое должно быть доступно только для чтения при изменении состояния. Итак, я написал JSX, как показано ниже: render: function() { var reo = 'readonly'; return (<input id="output" type="Text" value="0" {reo}/>); } В п…
11 июн '18 в 04:27
1
ответ
Объединение реквизита в Inline CSS (React)
В настоящее время я пытаюсь использовать реквизит в моем встроенном CSS. Мне интересно знать, почему я не могу объединить this.props.color при использовании линейного градиента для свойства background-image. Возможно, есть другой способ достичь этог…
18 авг '18 в 06:21
0
ответов
Удаление ненужных экспортов из сгенерированных файлов.JS при использовании веб-пакета
Я пишу.NET Core Web-приложение, которое использует ReactJ для внешнего интерфейса. В настоящее время я использую webpack с babel для генерации JS-файлов из моего JSX-источника. У меня это работает, но я заметил существенную проблему с моей текущей н…
05 фев '18 в 15:51
1
ответ
indesign javascript Экспорт текстового цикла
У меня есть следующий скрипт, который редактировался в течение нескольких лет. Я создал цикл для циклического прохождения каждого языка. Запуск цикла дает желаемый эффект с сокрытием и показом каждого языка. Всякий раз, когда я запускаю скрипт, вызы…
18 окт '16 в 14:04
2
ответа
Как создать событие click в ul, li или div в реагировать
Я пытаюсь отключить событие click в компоненте actjs, но оно не работает. Я попытался это безуспешно в div, ul, li и даже кнопка. У меня есть демо здесь Я посмотрел на этот вопрос, но проблема не та, с которой я сталкиваюсь, как видно из демонстраци…
28 фев '18 в 12:31
1
ответ
Условный рендер JSX не обновляется в зависимости от изменения состояния
Я создаю компонент JSX с помощью StencilJS, и мой компонент не выполняет повторный рендеринг в зависимости от изменения его состояния. Я не имею понятия почему: import { Component, Prop, State } from '@stencil/core' @Component({ tag: "button-popover…
04 сен '18 в 15:11
1
ответ
Вызов функции одного компонента из другого, не связанного компонента в React
Я работаю над приложением секундомера, используя ReactJS и Electron. У меня есть компонент Timer, который отслеживает время и отображает часы и элементы управления. Элементы управления будут состоять из трех кнопок: Play, Pause и Stop. Эти компонент…
13 апр '17 в 20:45
4
ответа
Функция onClick компонента React.JS, как быть более конкретным с его результатом
В настоящее время у меня есть компонент React, который берет данные о музыкальных исполнителях из API и создает список объектов мультимедиа, показывающих детали этого. Мультимедийные объекты имеют функцию onClick, поэтому при щелчке по блоку отображ…
07 май '18 в 11:17
1
ответ
React-роутер и jsx-no-bind
Я использую react-router делать навигацию. У меня есть некоторые компоненты, которые требуют входа, прежде чем их можно будет увидеть. Поэтому у меня есть это: (из следующей документации по реагирующему маршрутизатору) <Route {...rest} render={pr…
11 июл '17 в 19:06
1
ответ
Проблемы настройки фокуса на элементе div
Я пытаюсь установить фокус на элементе div, чтобы моя модальная подсказка была прокручиваемой без необходимости навести курсор мыши на этот элемент, проблема в том, что моя подсказка recharts содержит слишком много данных и выливается на следующий г…
17 июл '17 в 21:42
2
ответа
Состояние заблокированного пользовательского интерфейса / Отображение анимации загрузки в React
Я хочу показать загрузочную анимацию, пока выполняю некоторую обработку данных, которые хранятся в состоянии компонентов. Логическая переменная загрузки управляет показом анимации загрузки или нет. Это работает, когда я делаю асинхронный запрос AJAX…
11 дек '16 в 10:23
0
ответов
Как изменить значение типа ввода времени и даты в React JS
У меня есть два ввода, и я хочу поставить значение инициализации, например, пользовательское время. <input type="time" id="horaFinal" ref={(hora_final) => this.hora_final = hora_final} /> <input type="date" id="fechaFinal" ref={(fecha_fi…
07 авг '17 в 17:52
3
ответа
JSX сопоставляет только первый объект в массиве
Мне интересно, как визуализировать только первый объект в массиве, используя .map в JSX. {this.state.data.map(data => <span className="fooBar"> <a href={data.foo}>{data.bar}</a> </span> )} Спасибо!
26 май '16 в 13:44
2
ответа
StencilJS - TypeScript - "Не удается найти имя..." при экспорте перечисления
У меня есть следующий проект: https://github.com/napolev/stencil-cannot-find-name который содержит следующие два файла: заказ container.tsx import { Component, Element, State } from '@stencil/core'; @Component({ tag: 'custom-container', styleUrl: 'c…
16 сен '18 в 06:38
1
ответ
Реагируйте на итерации в JSX
Я был новичком в Reactи я путаю данные об итерации реквизита в JSX, Предположим, this.props.data является [ [ "2017-1", { title: "title1" describe: "des1" } ], [ "2017-2", { title: "title2" describe: "des2" } ],... ] Как мне перебрать данные в табли…
25 май '17 в 03:36