Где мой document.querySelector?

Question

[Theory Theory]

Плохо знаю реакт.
Изучаю styled components. Вот мы создали елементы wow , при клике по Child - работаем с родительским элементом.

А как добраться до родительского элемента? Ведь styled components генерирует классы, то есть document.querrySelector или e.target.closest бесполезны

Comments

[Lynn «Кофеман»]

Если вам нужен querySelector, то вы плохо знаете React

Answer 1

[Александр]

Какую задачу Вы хотите решить?

Comments

[Theory Theory]

Просто нужен доступ к Parent. Ну например удалить его, не важно. Я так понял, в react приложениях вообще не нужен queryselector?

[Александр]

Theory Theory, Почти во всех случаях не нужен, потому что приложения строятся из компонентов. Для скрытия можно воспользоваться состоянием.

import React, { useState } from 'react';

export const Demo = () => {
	const [hidden, setHidden] = useState(false);

	const hideBlock = () => setHidden(true);

	return (
		<div style={{
			padding: 20,
			backgroundColor: 'tomato'
		}}>
			{!hidden && <button onClick={hideBlock}>Hide me</button>}
		</div>
	);
};