Как добавить / удалить div при нажатии кнопки в React JS

Попытка добавить div на основе его идентификатора в react js.У меня ниже элемент response div

<div id = "section1">
        <table><tr><td><h3>Section1</h3></td></tr>
          <tr>
            <td>
            <li><label> input1 : </label><input type = "text" size = "100" name = "input1" onChange = {this.onChange} /></li>
            <li><label> input2 : </label><input type = "text" size = "100" name = "input2" onChange = {this.onChange}  /></li>
            <li><label> input3 : </label><input type = "text" size = "100" name = "input3" onChange = {this.onChange}/></li>
            </td>
          </tr></table>
          </div>

Кто-нибудь может мне в этом помочь?

Не могли бы вы дать нам немного больше информации о том, как вы это делаете?

— 30.03.2021 16:36

@samuei это просто форма ввода с несколькими полями, у меня будут + и -, чтобы добавить или удалить ту же форму на моей странице. Есть ли способ, которым я могу справиться с использованием идентификатора div в компоненте реакции?

— 30.03.2021 16:42

Вероятно, было бы лучше справиться с этим до рендеринга, но без минимальный воспроизводимый пример сложно сказать.

— 30.03.2021 16:53

reactjs react-native

30.03.2021 16:29

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Ответы 1

function removeElement(elementId) {
2.    // Removes an element from the document.
3. var element = document. getElementById(elementId);
4. element. parentNode. removeChild(element);
5. }

30.03.2021 19:41

Другие вопросы по теме

Вертикальные вложенные прокрутки. Запретить дочернему элементу вызывать родительский элемент управления обновлением

Как я могу сделать так, чтобы мои данные отображались на вложенном объекте?

Почему ответ моего успокаивающего API находится в html и иногда дает формат json в react native?

React Native - сохранить состояние или синхронизировать его с AsyncStorage

Проблема с макетом FlexBox (React Native): как вертикально выровнять элементы на 2 отдельных линиях

React Native - использование ref в функциональном компоненте

Как я могу иметь один компонент для одного объекта в списке?

Как снова вызвать React useEffect

Нативный лайтбокс React не масштабируется

Как аннотировать функциональный компонент React с помощью свойств и состояний?

Как добавить / удалить div при нажатии кнопки в React JS

Ответы 1

Другие вопросы по теме

Похожие вопросы