+ return (
+ <div className="active-prompt">
+ <h2>The Game of Empathy</h2>
+ <p>
+ Remember, you're trying to match your answers with
+ what the other players submit.
+ Give {this.props.prompt.items} answers for the following prompt:
+ </p>
+ <h2>{this.props.prompt.prompt}</h2>
+ <form onSubmit={this.handle_submit}>
+ {Array(this.props.prompt.items).fill(null).map((whocares,i) => {
+ return (
+ <div
+ key={i}
+ className="form-field large">
+ <input
+ type="text"
+ name={`answer_${i}`}
+ required
+ autoComplete="off"
+ ref={this.answers[i]}
+ />
+ </div>
+ );
+ })}
+
+ <div
+ key="submit-button"
+ className="form-field large">
+ <button type="submit">
+ Send
+ </button>
+ </div>
+
+ </form>
+ </div>
+ );
+ }
+}