Как сделать кнопку ввода в Redux?

Question

[Сергей]

Добрый день,
Написал в свое время секцию комментариев через React. Теперь, осваивая Redux, пытаюсь переписать тот же код под него, запутался в том как реализовать кнопку считывания данных из Input и Textarea.

import React from "react";

const AddComment = ({ addComment }) => {
  return (
    <form>
      <input type="text" name="name" placeholder="Введите имя" />
      <textarea type="text" name="comment" placeholder="Введите комментарий" />
      <input
        type="button"
        value="Ввод"
        onClick={ev => {
          addComment(ev.target.value);
          ev.target.value = "";
        }}
        className="submitBtn"
      />
    </form>
  );
};

export default AddComment;

Answer 1

[Афанасий Захаров]

Никакого отношения к Redux данная задача не имеет.
Вам надо где то хранить данные Input и Textarea.
Можно с помощью ref, можно с помощью стейта (или хуков)

Попробуйте разобраться с этим сами, это совсем базовые вещи

Answer 2

[beDenz]

Непонятно в чем именно у вас путаница. Теперь при клике на кнопку, вызывайте редюсер, в качестве пейлоада у вас будет объект с данными из формы.