Для вопросов о синтаксисе JSX, используемом React.js, Vue и другими интерфейсными средами JavaScript, который позволяет использовать встроенные литералы XML в JavaScript для описания элементов HTML. Если ваш вопрос касается расширенной реализации Adobe JavaScript (ExtendScript), которая как минимум на пять лет старше React.js, используйте вместо этого тег [ExtendScript].

Подробнее про jsx...

Привет, я пытаюсь получить текстовый файл внутри функции рендеринга jsx (html). Я создал функцию handleText, которая читает текст и просто разбивает текст на части. Я вижу это в журнале консоли, но когда я, например, пытаюсь отобразить его или просто вставляю myTextArr в рендер, он дает мне пустой э....
14 Сен 2020 в 22:20
Мое местоположение не определено, как я могу решить эту проблему? Если я console.log (location) после вызова функции getGeo, я получаю широту и долготу, но в запросе на выборку они выходят как undefined, почему это? Как лучше написать этот код? function Body(props) { const location = {}; functi....
12 Сен 2020 в 05:15
У меня есть позиционирование именно так, как я хочу, но круг вокруг 58 должен быть идеальным кругом, вместо этого он адаптируется к содержимому в контейнере. Как я могу исправить эту проблему? Вот как это выглядит https://i.stack.imgur.com/Tb75A.png а> Вот что мне нужно, чтобы он выглядел https://i....
10 Сен 2020 в 04:19
Я пытаюсь установить нижнюю границу этих слов на панели навигации в нижнюю часть контейнера. У меня он работает с границей, появляющейся под словом при наведении курсора, но я хочу, чтобы граница отображалась выровненной по нижней части контейнера, а не непосредственно под ним (слова должны оставать....
8 Сен 2020 в 23:58
У меня есть состояние в моем компоненте, и я хочу клонировать это состояние, когда нажимаю кнопку сохранения, изменяю и удаляю какой-либо атрибут клона, а затем отправляю его в серверную часть, но когда я меняю массив клонов, исходное состояние также изменяется; я не знаю, что делать, я отслеживаю в....
7 Сен 2020 в 08:16
Как установить собственный тег в React? Каждый импорт - это элемент JSX. Например, GitHub импортируется из файла, который выглядит так: import React from 'react'; const GitHub = () => ( <svg role="img" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" height="1.5rem" width="1.5rem"> ....
5 Сен 2020 в 23:19
Я думаю, что написал весь код правильно, но на порту я могу отображать только файл app.js import React from 'react'; import ImgSlider from './ImgSlider'; import './App.css'; function App() { return ( <div className="App" > <div className="book-box"> <img src="" alt=""/> <div> <h1>....
4 Сен 2020 в 18:19
Я новичок в реагировании, и я использую загрузочную программу React для шаблона. Я использую специально компонент navbar для реакции. Я пытаюсь центрировать текст посередине. Однако это происходит так: Вот код для того же: import React,{Components} from 'react'; import Navbar from 'react-bootstrap/....
Я получаю данные из API, ответ которого: { "name": "family: woman, woman, girl, girl", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;" } И теперь я хочу использовать это значение в своем коде с помощью JSX: impo....
1 Сен 2020 в 13:25
Я делаю веб-сайт с горизонтальной прокруткой, состоящий из множества div под "слайдом" className. Я хочу добавить на панель навигации кнопки для перехода к отдельным слайдам. Как мне это сделать? Это код, который я использую для своего веб-сайта с горизонтальной прокруткой, он прокручивается с помощ....
30 Авг 2020 в 22:07
Я работаю над приложением викторины и хотел бы, чтобы мои пользователи могли переходить туда и обратно по вопросам и видеть, что они уже выбрали в предыдущих вопросах. Я храню все данные о выбранных ими вопросах и ответах в штате. Однако я не могу отобразить выбранные флажки так, как они должны быть....
30 Авг 2020 в 21:54
Я не могу получить разницу во времени между двумя датами, чтобы отработать таймер обратного отсчета. Я слежу за несколькими различными онлайн-источниками, но они все еще не работают. daysDiff не отображается на экране. Это мой код: const currentDate = (new Date).toUTCString(); const futureDate = new....
30 Авг 2020 в 02:33
У меня есть цикл, в котором я прохожу через JSX for (let i = 0; i < this.state.numberOfChilderen; i++) . Для каждого ребенка я добавляю элемент в форму. Но для контроля ошибок у меня также есть массив, содержащий все сообщения об ошибках. Каждое отдельное сообщение об ошибке получает другой ключ. Та....
28 Авг 2020 в 13:51
Привет, ребята, у меня есть объект, который содержит ключ в качестве состояний и его значение в виде массива городов, для которых я хочу перебрать в методе рендеринга и показать данные Например, мой объект похож на { A:{cities:[0,1,2,3]}, B:{cities:[0,1,2,3]} } Поэтому в методе рендеринга я вызвал ....
27 Авг 2020 в 13:35
Я хочу сделать мою кнопку и символ статуса меньше, они слишком велики для экранного чата. Вот мой файл JSX import React from 'react'; import closeIcon from '../../icons/closeIcon.png'; import onlineIcon from '../../icons/onlineIcon.png'; import './InfoBar.css'; const InfoBar = ({room}) => ( ....
26 Авг 2020 в 23:49
Я пытаюсь совместить верхнюю часть значка caret-down с нижней стороной моего p: Между стрелкой и p есть разрыв, я не знаю, как от него избавиться. Я установил p с помощью margin-bottom: 0, но разрыв изображения все еще остается. Мое второе предположение заключалось в том, чтобы установить значок с ....
21 Авг 2020 в 21:31
Я отображаю массив, для которого хочу назначить класс первым n элементам. Первые n элементов передаются родительским компонентом и постоянно увеличиваются. Я мог бы использовать что-то вроде тернарного оператора, например className={index >= firstNElements ? '' : 'MyClass';}, однако для этого потреб....
21 Авг 2020 в 11:34
< Сильный > Контекст: Я работаю над проектом vanilla React и React Bootstrap ( без сокращения ) для управления ролями в моем отделе. Список ролей на самом деле не актуален, но для контекста: администратор, менеджер, тренер и так далее. У меня есть элемент родительского компонента <RoleContainer k....
21 Авг 2020 в 07:19
У меня есть страница, созданная с помощью React (NextJS), и я извлекаю содержимое строки разметки из Wordpress и вставляю его в свой JSX, например: ... <div className="wrapper"> <p className="text-content" dangerouslySetInnerHTML={{ __html: post.content.rendered }} ></p> </div> ... Те....
19 Авг 2020 в 10:25
Несколько дней назад я спросил о размещении JS в JSX. Однако здесь я хотел бы спросить об обратном. Можно ли разместить JSX в JavaScript? По-видимому, это работает, как в следующем коде ... Но я не понимаю, почему! return ( // comments work here, outside of the `<div></div>` segment <div cl....
19 Авг 2020 в 08:27
Доброе утро. Нужна помощь, у меня есть сценарий ниже, дело в том, что setState не работает, я думаю, что здесь что-то не хватает? или я делаю не так. «return» ниже находится внутри «.map», поэтому я могу отобразить 3 файла в массиве. Спасибо constructor(props) { super(props); this.state = { // ....
19 Авг 2020 в 03:22
Я стремлюсь к тому, чтобы новые задачи отображались по мере того, как пользователь нажимает «добавить задачу», я знаю, что это просто, но все еще учится react. Моя цель состояла в том, чтобы использовать оператор ternary до тех пор, пока он не перестанет быть null, а затем отображать массив каждый р....
17 Авг 2020 в 07:39
В моем приложении для реагирования я создал страницу с названием Добавить продукт с кнопкой с названием Добавить вариант , позволяющую добавлять небольшие, средние и большие варианты продукта, но не могу понять как удалить малый, средний или большой вариант объекта из состояния, если пользователь....
15 Авг 2020 в 21:03
Итак, у меня есть этот код {(type === 'NEW') && (index === 0) && <hr className={styles.hr}/>} {(type === 'NEW') && (index === 3) && <hr />} Мой вопрос: как я могу объединить их в одно выражение, отображающее этот элемент hr только с индексами 0 и 3? Я попыт....
14 Авг 2020 в 20:09
Я новичок в React JS, но хочу связать свой бэкэнд с React JS. Я хочу получить данные поля ввода и связать их с Backend. Раньше я использовал EJS для FE. Я хочу сделать то же самое, что и на React. Является ли это возможным?....
13 Авг 2020 в 07:04