Для вопросов о синтаксисе JSX, используемом React.js, Vue и другими интерфейсными средами JavaScript, который позволяет использовать встроенные литералы XML в JavaScript для описания элементов HTML. Если ваш вопрос касается расширенной реализации Adobe JavaScript (ExtendScript), которая как минимум на пять лет старше React.js, используйте вместо этого тег [ExtendScript].
Привет, я пытаюсь получить текстовый файл внутри функции рендеринга jsx (html). Я создал функцию handleText, которая читает текст и просто разбивает текст на части. Я вижу это в журнале консоли, но когда я, например, пытаюсь отобразить его или просто вставляю myTextArr в рендер, он дает мне пустой э....
Мое местоположение не определено, как я могу решить эту проблему? Если я 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....
Я пытаюсь установить нижнюю границу этих слов на панели навигации в нижнюю часть контейнера.
У меня он работает с границей, появляющейся под словом при наведении курсора, но я хочу, чтобы граница отображалась выровненной по нижней части контейнера, а не непосредственно под ним (слова должны оставать....
У меня есть состояние в моем компоненте, и я хочу клонировать это состояние, когда нажимаю кнопку сохранения, изменяю и удаляю какой-либо атрибут клона, а затем отправляю его в серверную часть, но когда я меняю массив клонов, исходное состояние также изменяется; я не знаю, что делать, я отслеживаю в....
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/....
1 Сен 2020 в 14:51
Я получаю данные из API, ответ которого:
{
"name": "family: woman, woman, girl, girl",
"unicode": "1F469 200D 1F469 200D 1F467 200D 1F467",
"html": "👩‍👩‍👧‍👧"
}
И теперь я хочу использовать это значение в своем коде с помощью JSX:
impo....
Я делаю веб-сайт с горизонтальной прокруткой, состоящий из множества 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}) => (
....
Я пытаюсь совместить верхнюю часть значка 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