如何从p标签设置值以反应状态

Question

如何通过动态创建的p标签设置状态？我想获取的值是在singleClass.id中的mongodb id。我如何能够将ID值设置为每次迭代的状态。所以当单击按钮时，它将转到registerClass iam获取courseID。 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>