Форма / Ввод не работает внутри группы карт.

Question

Я занимаюсь разработкой социальной сети на основе блокчейна ethereum.Я использую responsejs для внешнего интерфейса.Как отобразить форму или ввод данных внутри карты для каждой карты в группе карт?

Это мой код index.js, в котором я пытаюсь отобразить все сообщения в группе карт.Просто проверьте дополнительную часть, где у меня есть модал для отображения комментариев.Ниже я хочу получить вход для написания комментария к записи в каждой карточке.Этот код показывает ввод, но в него ничего не вводится.Что я здесь не так делаю?

const items = await Promise.all(
      posts.map(async (post, index) => {
        const data = await ipfs.files.get(post.imgIpfsHash);
        const bpic = this.uint8ToBase64(data[0].content);
        const src = "data:image/png;base64," + bpic;
        await this.getComments(post.commentsHash, post.commentCount);

        return {
          key: index,
          header: <h3 style={{ fontSize: "20px" }}>{post.caption}</h3>,
          description: (
            <div style={{ border: "2px solid grey" }}>
              <p style={{ margin: "10px", fontSize: "15px" }}>
                {post.description}
              </p>
              <Image style={{ padding: "20px" }} src={src} fluid />
            </div>
          ),
          meta: <p style={{ color: "grey" }}>{post.timestamp}</p>,
          extra: (
            <div>
              <Button
                onClick={() => this.likePost(index)}
                color="red"
                content="Like"
                icon="heart"
                size="tiny"
                label={{ basic: true, color: "red", content: post.likes }}
              />
              <Modal trigger={<Button primary>Comments</Button>}>
                <Modal.Header>Comments</Modal.Header>
                <Modal.Content scrolling>{this.state.comments}</Modal.Content>
                <Modal.Actions></Modal.Actions>
              </Modal>

              <Form onSubmit={() => this.onSubmit(index)}>
                <Form.Input
                  value={this.state.newComment}
                  placeholder="Say Something..."
                  onChange={event => this.setState({ newComment: event.target.value })}
                />
                <Button >Post Comment</Button>
              </Form>
            </div>
          ),
          fluid: true
        };
      })
    );