Как правильно объявить функцию для перевода сайта на NextJS из библиотеки I18n?

В этой JSON содержится перевод интерфейса или материалы для вывода (статьи, товары и т.п.)?

React. Почему элемент в компоненте становится пустым?

Влад, Ну вообще в реакте это неправильно.
Нельзя лезть в DOM правильно работать с Virtual DOM
А document.* мы обращаемся напрямую, а уже реакт контролирует отрисовку DOM

React. Почему элемент в компоненте становится пустым?

Влад, Да. Он не может найти document.querySelector('.btn');
так как его еще нет на странице.

Поэтому можно сделать class и в

componentDidMount() {
// поместить сюда старый скрипт, который относится к этому компоненту
}

Как вставить JS-скрипт в React класс?

Можно пример плиз?

Вот так это выглядит в обычном JS

const scene = document.querySelectorAll('[data-prl]');
scene.forEach((item) => {
		const parallax = new Parallax(item);
	});

и все работает

Вот компонент react. Мне надо взять все div с .parallax или по атрибуту data-prl и выполнить простой скрипт (который сверху)

import React from 'react';
import { Link } from "react-router-dom";

const IndexHeader = () => (
	<>
		<header>
			<div className="parallax bg-lt float-start" data-prl>
			<div className="parallax bg-lt float-end" data-prl>
		</header>
	</>
);

export default IndexHeader;

Как скрыть option в select при выборе другого option в select?

Роберт Плант, я удалил так как предложенное решение более оптимально и универсально

Как скрыть option в select при выборе другого option в select?

Только не class="hide" делать.
А ставить тогда disabled для option

Тебе на js или jquery?

Как вставить JS-скрипт в React класс?

Иван В, это просто как пример.

Мне надо взять все элементы с определенным дата атрибутом и повесить на них параллакс.

На обычной вёрстке + js все работает отлично (даже не задумывался). Решил сделать на реакте и понял что ничего не приходит.

Как вставить JS-скрипт в React класс?

konstantinst13, Ну будем надеется что помогут

проблема будет еще при роутинге, так как после отрисовки надо будет получить обновленные кнопки

Как вставить JS-скрипт в React класс?

Только сегодня с этим столкнулся.

Даже простой элементарный скрипт для проверки не возвращает все кнопки.
а только первые которые есть в навигации, а все остальные он не видит и тоже не знаю что делать.

document.addEventListener('DOMContentLoaded', () => {
	const allButton = document.querySelectorAll('button');
	console.log(allButton);
});