Вопросы с меткой [jsx]
Руководство по использованию метки jsx отсутствует.
130
вопросов
0
голосов
0
ответов
12
показов
Тэг script не работает в JSX-React, только в html
Есть виджет рейтинга tophotels, нужно отобразить его в react-компоненте на странице, JSX ругается на него, при использовании пакета (react-helmet), так же ничего не происходит. В html-структуре ...
0
голосов
0
ответов
30
показов
Написал код. Но ничего не получается, выходит ошибка: Unexpected token '<'
<script>
// Данные, массив объектов Recipes
const data = [
{
name:"Baked Salmon",
...
0
голосов
1
ответ
27
показов
Как проверить, что переменная false в jsx
изучаю React и не совсем понимаю синтаксис JSX. Есть переменная
const [loading, setLoadong] = useState(false);
Пытаюсь в jsx проверить, что она является false
{ loading ?? null(
<p>false&...
0
голосов
2
ответа
17
показов
JS. React. JSX проблемы
Всем привет!
Имеем 3 файла: App.js; post-list.js; post-list-item.
В файле post-list-item я прописал переменную PostListItem.
В файле post-list.js я создал переменную PostList и вложил список из ...
0
голосов
0
ответов
13
показов
есть код который рендерит на экран текущее время, но когда часы или минуты ниже 10ти тоесть число однозначное блок сдвигаеться
Есть код который рендерит на экран текущее время, но когда часы или минуты ниже 10ти то есть число однозначное блок сдвигается. Не могу сделать так, чтобы перед число пока оно однозначное стоял 0 а ...
0
голосов
0
ответов
29
показов
Элементы JSX не могут иметь несколько атрибутов с одним именем. React
Почему когда я указываю тегу input атрибут name в React, выдает эту ш
[{
"resource": "/src/app/components/thumbnails/ThumbnailListItem/index.js",
"owner": "...
1
голос
1
ответ
39
показов
вызов обработчика событий из одного компонента в другом компоненте
есть компонент
function App() {
const handleClick= () => {
const popupOpen = document.querySelector('.popup');
popupOpen.classList.add('popup_open')
};
return (
<>
&...
-1
голос
2
ответа
67
показов
Как в React заставить код над return() выполняться после того, как исполнится код внутри return()?
Нужно, чтобы код над return() выполнялся после того, как будет отрисовано DOM-дерево, описанное внутри return(). Вот пример кода, где DOM отрисовывается позже, что приводит к ошибкам как раз по той ...
1
голос
2
ответа
58
показов
Как передать контекст при вызове функции через onClick?
Необходимо, чтобы при клике на "DOM-элемент" блок <p>Hello!</p> внутри него менялся на <p>Goodbye!</p>. Для этого был написан следующий реакт компонент:
import React ...
0
голосов
1
ответ
72
показа
Как импортировать стили в NEXT js
Возникла проблема с компонентным импортом стилей. В реакте мы можем просто импортировать стили в виде:
import "./ComponentStyles.scss";
В Next js нет подобной поддержки.
Ранее была ...
0
голосов
1
ответ
31
показ
AsyncStorage чтение внутри функционального компонента - React Native
Как значение с одной страницы можно передать на другую (для применения настроек в приложении, к примеру)?
Наткнулся на AsyncStorage. Пытаюсь его применить + прочитать в консоли, но выходит всегда ...
1
голос
0
ответов
52
показа
Не запускается useEffect в next js
я пытался создать хук useEffect, который будет получать данные о том, как тема установлена у пользователя, но хук useEffect не запускается, как можно решить данную проблему?
Если что, я работаю c Next ...
0
голосов
0
ответов
33
показа
Как импортить jsx без написания расширения
Попробовал самостоятельно создать конфиг для Webpack под React без использования заготовленного шаблона create-react-app?
Хочу использовать
import { App } from './components/App';
Но возникает ошибка:...
0
голосов
0
ответов
34
показа
Использование переменной JS в разметке
Подскажите могу ли я использовать JS переменную прямо в разметке в className?
Сейчас у меня когда бронирование зарегистрированно то дата и время выезда у меня становятся жирными. Как сделать чтобы ...
0
голосов
1
ответ
32
показа
Проблема рендеринга компонента React
Всем привет, я только начал изучать React и столкнулся с проблемой. На разных форумах предлагали подключить Babel для parsing jsx, но и это не помогло, а только наоборот вызвало кучу ошибок.
<div ...
0
голосов
1
ответ
43
показа
Как работают динамические теги JSX?
Искал, как сделать заголовки компонента зависимыми от props и наткнулся на такой пример:
const Title = ({priority})=> {
const CustomTag = `h${priority}`;
return (<CustomTag>Hello</...
0
голосов
0
ответов
13
показов
Как отрендерить семантическую страницу и иметь контроль над состояниями компонентов
К примеру у меня есть типичная разметка страницы:
<body>
<header>
</header>
<main class="page-main">
<section class="timer container"&...
0
голосов
1
ответ
53
показа
Как я могу создать и сохранить файл используя expo?
Как в expo можно создать и сохранить файл в нужной мне директории?
UPD: я пытался использовать такой код:
const Save = async () => {
const { status } = await Permissions.askAsync(Permissions....
0
голосов
1
ответ
29
показов
Изменение состояния у компонента
По нажатию на чекбокс должна вызываться функция из глобального компонента, а в функцию должен передаваться id строки на которую нажал
Функция должна сначала копировать все данные, потом мапом ...
0
голосов
0
ответов
63
показа
как поменять цвет svg файла на react/jsx
как поменять цвет такого svg изображения и можно ли это вообще сделать при том что оно было преобразовано из png в svg? https://codesandbox.io/s/bold-hypatia-t01nz?file=/src/App.js
0
голосов
0
ответов
18
показов
Вопрос по массивам JSX/React
У меня по нажатию кнопки элементы JSX добавляются и отображаются через массив. Проблема в том что по нажатию checkbox нужно чтоб те кнопки которые находятся в массиве были отключены, тоесть disabled=...
0
голосов
1
ответ
49
показов
Удаление элементов из массива с отображаемыми блоками React
не получается удалить элемент из массива по нажатию кнопки . Кнопка классом "button-krestik" должна удалять отображаемый блок из массива вместе с которым она попала в этот массив.
Что я ...
0
голосов
1
ответ
16
показов
Можно ли как-то сделать для объекта div свойства такие же как у input type color. React/Html
Суть в том что input колор всегда открывается по верх других блоков игнорируя css свойства родительских блоков и при этом еще и в зависимости от экрана, если допустим кнопка для открывания input ...
0
голосов
1
ответ
43
показа
Форма блока div html/css
можно ли как-то сделать блок div примерно такой же формы как нарисовано на картинке ниже, либо же сделать это каким-либо еще тегом кроме div
2
голоса
1
ответ
655
показов
Как установить максимально и минимальное значение для Input type number React/JSX?
Дело в том что в теге number я указал значения для min и для max. Если изменять число стрелками, то все ок , но если вводить число с клавиатуры, то можно свободно ввести число меньше минимального ...
0
голосов
1
ответ
98
показов
Поиск элементов по введённому тексту React native
В React native новичок и столкнулся с такой проблемой. Нужно реализовать своеобразный SearchBar, поиск по элементам. Реализовывал так:
это сам компонент:
<TextInput
onChangeText={text=>{...
0
голосов
1
ответ
50
показов
react JSX.Element: соединить массив строк и теги как разделитель
подскажите как решить покомпактнее и поэлегантнее следующую задачу:
есть массив строк
let texts: string[];
надо на выходе получить JSX код в котором между строками будет стоять разделитель <br /&...
1
голос
2
ответа
64
показа
Два if в тернарном операторе react if else
React. Опишу свою проблему на банальном примере. Допустим, есть переменная
let user = 'Ivan'
Могу ли я в jsx создать такой тернарный оператор проверки if else, который будет иметь два if и один else ...
0
голосов
1
ответ
67
показов
Форматирование jsx
Есть код:
export const Test = () => {
return (
<div className="div" id="div" onClick={() => {}} onKeyDown={() => {}} onBlur={() => {}}>
<span>&...
0
голосов
2
ответа
101
показ
VScode настройка автозаполнения jsx
При работе с файлами .html vscode позволяет начать писать class и при нажатии таб получить такой результат class="" , но при работе с jsx результат после таб className, а хотелось получить ...
0
голосов
0
ответов
28
показов
React - проблема с хуками
При использовании пакета npm "use-dark-mode" я пытаюсь применить хук const darkMode = useDarkMode (false); внутри функции, но я получаю сообщение об ошибке
Error: Invalid hook call. Hooks ...
1
голос
0
ответов
160
показов
Что такое Пресет в Webpack
Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи
"babel-core: Преобразует код ES6 в ES5.
babel-loader: ...
0
голосов
1
ответ
119
показов
React - анимация меню
У меня есть мобильный меню, https://ibb.co/DR1QCdt я хочу добавить плавное анимацию при открытии меню как можно это делать?
NavbarMobile.jsx
import React from 'react';
import avatar from "../../....
0
голосов
1
ответ
79
показов
Связать две компоненты в React через props передав данные
Подскажите как мне правильно передать данные через props в компоненте. У меня есть компонента которая изначально была AllOrder и была работающей, затем я ее разбил на отдельные компоненты Orders и ...
0
голосов
1
ответ
853
показа
Всплывающее окно на определенной кнопке в React
Я еще новичок в JavaScript с React и пока не совсем понимаю как решать данную проблему. У меня есть определенный список который отображается методом map из сервера занесенная в отдельную компоненту ...
1
голос
1
ответ
36
показов
Photoshop редактирование SmartObject
Есть графический файл mockup psd.
Внутри файла смартобъекты.
Как получить доступ к этому смартобъекту и редактировать? (поменять слой, удалить слой).
Пытаюсь обратиться в mockup как к обычному слою, ...
0
голосов
1
ответ
63
показа
Не получается закрыть модальное окно с переходом на главный экран. React nativ
Задача на первый взгляд была проста. Состояла она в следующем, если пользователь не авторизован и при переходе на экран Профиля, должно появится модальное окно для авторизации. Если пользователь ...
0
голосов
1
ответ
42
показа
React добавить дочерней компоненте onClick
У меня есть множество компоентов в dropdown списке. Надо чтобы при нажатии на любой из элементов списка, происходило конкретное действие.
Если я делаю так:
functiion filter() {
return(
<...
0
голосов
1
ответ
218
показов
React - как получить data-attribute у текущего объекта
Мне надо хранить значение "выбран ли элемент" для каждого элемента. Для этого я использую data-attribute и вставляю это в jsx в самом элементе. Каким образом можно обратиться к значению &...
0
голосов
1
ответ
33
показа
Организация React-компонентов с React Router
Есть вот такой интерфейс:
и есть 3 компонента: PageEmployerList, EmployerListContainer и EmployerList.
Не совсем понятны границы компонентов.
В каком из этих компонентов должны находится заголовок ...
0
голосов
0
ответов
35
показов
React. Присвоение класса тегу по таймауту. Как реализовать?
Всем привет! У меня в jsx есть кнопка, отвечающая за лайк, и в неё я хочу добавить сложную анимацию. Сложность в том, что несколько классов должны присваиваться с некоторым промежутком времени. То ...
1
голос
0
ответов
108
показов
При вставке любого тега, текст переходит на следующую строку React
Может я что-то упустил и не понял, но, что я только не делал. Я сделал текстовый редактор на сайте в котором есть 2 экрана, это ввод текста и вывод (предпросмотр) статьи. У меня есть несколько кнопок, ...
0
голосов
1
ответ
21
показ
Как наследовать тип от JSX.IntrinsicElements.mesh?
Есть кастомный реакт тег, созданный другой библиотекой, я хочу сделать на него компонент враппер, но в пропсах этого враппера принимать еще один дополнительный проп, а остальное элементу передавать..
...
1
голос
1
ответ
48
показов
Не получается открыть скриптом изображение в фотошопе
Никак не могу понять, как открыть картинку с помощью скрипта в фотошопе.
Использую такой код
var f = new File("D:/images/img01231.jpg");
f.open( "r" );
И ничего, никакой ошибки, ...
0
голосов
1
ответ
28
показов
Как добавить введённые данные в списки при этом не удаляя данные введённые раньше?
Есть сайт в котором вводиться имя и фамилия. Как сделать так чтоб все введённые имена и фамилии отображались на экране.
import React,{Component} from 'react';
import './App.css';
class PersonInput ...
7
голосов
1
ответ
1k
показов
Как передать модульные стили через props'ы? React
Есть компонента:
import React from 'react';
import s from './SectionsTitle.module.css';
const SectionsTitle = (props) => {
return <div className={props.styleTitle}>
{...
1
голос
1
ответ
28
показов
Как изменить значение у обоих компонентов?
Есть два компонента "My1" и "My2" , есть функция myFunction(). Компоненты не имеют общего предка и не взаимосвязаны. Обои компонента похожи и ссылаются на одну и тужу функцию. ...
0
голосов
0
ответов
36
показов
Как писать в jsx html элементы с автозаполнением, к примеру .name ( нажать enter или tab ) и он выдает див с классом name?
Хочу увеличить скорость написания элементов в Реакте, делаю много легкой практики и там постоянно нужно выводить html элементы но нету таких команд как в html где используются точки в качестве дива с ...
0
голосов
1
ответ
64
показа
Как нужно передавать пропсы?
Делаю реализацию пагинации списка через пользовательский хук. Функция handleSetCurrentPage получает корректный number, она его устанавливает setCurrentPage(number) как значение новой странички и ...
1
голос
1
ответ
170
показов
Как в setState присвоить массиву другой массив?
Мне нужно массиву list в state присвоить значение равное массиву result. А получается почему-то пустой массив.
import React, {Component} from 'react';
class Modal extends Component{
constructor(...