Блог

Главная - Вопросы по программированию - как установить значение из тега p в состояние реакции

как установить значение из тега p в состояние реакции

#reactjs

#reactjs

Вопрос:

Как мне установить состояние из динамически созданного тега p? Значение, которое я пытаюсь получить, — это идентификатор mongodb, который находится в singleClass.id .Как я мог бы установить это значение идентификатора в качестве состояния для каждой итерации.Поэтому, когда нажата кнопка, она переходит в RegisterClass iam, получая идентификатор курса.Я использовал handleCourse, но он не работает для меня, пожалуйста, помогите.

 handleCourse = e => {
    e.preventDefault();
    this.setState({
      courseID: e.target.value
    });
  };
<ul className="collection with-header" key={singleClass.id}>
        <li className="collection-item">
          <div>
            <p value={this.state.courseID} onChange={this.handleCourse}>
              {singleClass.courseID}
            </p>
            <span>{singleClass.courseName}</span>
            <div className="secondary-content">
              <button
                style={btnColor}
                onClick={this.registerClass}
                className="btn btn-flat"
                type="button"
              >
                Enroll
              </button>
            </div>
          </div>
        </li>
      </ul>

Комментарии:

1. почему у вас есть onChange value атрибут and в <p> теге? Почему не использовать <input type="text" ... ?

2. потому что я не получаю ввод от пользователя. Я просто получаю идентификатор из mongodb _id. каждый элемент будет иметь различный идентификатор. Когда пользователь нажимает кнопку, я хочу получить этот конкретный идентификатор

3. хорошо, но onChange — это атрибут, который должен быть добавлен в поле ввода, он вызывается всякий раз, когда вы редактируете поле ввода. <p> тег недоступен для редактирования и не должен быть. Таким образом, вы не можете вызвать onChange атрибут. Вот почему это не будет работать так, как ожидалось.

Метки: