к новости. В самой общей форме, к примеру, как на хабре
У меня практически всё работает, кроме одного условия: когда отвечаешь на любой комментарий - форма ответа должна переносится непосредственно под отвечаемый комментарий.
У меня форма лежит отдельным компонентом, после списка комментариев.
Вопрос - как реализовать перемещение формы под нужный коммент?
Пикча для лучшего понимания того, как это должно выглядеть
каждый коммент это компонент отдельный. у которого в стейте есть булевая переменная. и когда она тру то в jsx показывай компонент с формой для нового коммента
Считать уровень вложенности и давать отступ?
Есть пока только одна идея - импортировать в каждый компонент комментария компонент формы ответа. И рендерить эту форму только в одном (требуемом) компоненте. Но это глупо - 200 комментов == 200 импортам
А форму относительного него абсолютом располагать? Хз, или я не понял идею
Мне кажется это глупой идей, потому что: 500 комментов == 500 импортов формы в компоненты комментов
есть компонент <Commentary>. в нём jsx твоего комментария. в его стейте переменная [isAddNew, setIsAddNew] = useState(false). в jsx в конце пишешь {isAddNew && <AddNewForm />
Я не правильно понял задачу. Ну под каждым комментарием сделать форму и по условию рендерить
родитель в котором выводится список комментариев должен получать массив этих комментариев. и через мап выводить, передавая компоненте <Commentary /> текст комментария через props
Обсуждают сегодня