检索复选框值以使用 redux 修改 state

Question

我们正在开发创建帐户的功能。 我们设法从不同的字段（姓氏、名字等）检索新数据以修改 state。 然而，我们被困在一个方面。 在创建用户帐户时，后者可以使用复选框来选择他的首选技术（JS、PHP 等...）但是如果它们被选中，我们无法检索以下复选框的值。 这是我们组件的代码：

import {
  Header as HeaderSui, Container, Form, Checkbox,
} from 'semantic-ui-react';
import { useSelector, useDispatch } from 'react-redux';
import { changeFieldNewLogin } from '../../actions/newUser';

function User() {
  const dispatch = useDispatch();

  const emailUser = useSelector((state) => state.newUser.email);
  const passwordUser = useSelector((state) => state.newUser.password);
  const nameUser = useSelector((state) => state.newUser.name);
  const surnameUser = useSelector((state) => state.newUser.surname);
  const department = useSelector((state) => state.newUser.department);
  const descriptionUser = useSelector((state) => state.newUser.description);
  const tag = useSelector((state) => state.newUser.tag);

 

  return (
    <div>

      <HeaderSui textAlign="center" as="h1">The Dev Corner</HeaderSui>

      <Container>
        <Form>
          <Form.Group widths="equal">
            <Form.Input
              value={nameUser}
              fluid
              label="Nom"
              placeholder="Nom..."
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'name');
                dispatch(action);
              }}
            />
            <Form.Input
              value={surnameUser}
              fluid
              label="Prenom"
              placeholder="Prenom..."
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'surname');
                dispatch(action);
              }}
            />

          </Form.Group>
          <Form.Group widths="equal">
            <Form.Input
              value={emailUser}
              fluid
              label="Email"
              placeholder="Email.."
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'email');
                dispatch(action);
              }}
            />
            <Form.Input
              value={passwordUser}
              type="password"
              fluid
              label="Password"
              placeholder="Password...."
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'password');
                dispatch(action);
              }}
            />

          </Form.Group>
          <Form.Group widths="equal">
            <Form.Field
              value={department}
              label="Département"
              control="select"
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'department');
                dispatch(action);
              }}
            >
              <option value="Choississez votre département">Choisissez votre département</option>
              <option value="Iles de france">Iles de france</option>
              <option value="Bouches du rhones">Bouches du rhones</option>
            </Form.Field>

          </Form.Group>
          <Form.Group widths="equal">
            <h3>Choisissez vos technologies préférées</h3>
            <Checkbox
              label="JS"
              value={tag}
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'tag');
                dispatch(action);
              }}
            />
            <Checkbox
              value={tag}
              label="PHP"
              onChange={(event) => {
                const action = changeFieldNewLogin(event.target.value, 'tag');
                dispatch(action);
              }}

            />
          </Form.Group>

          <Form.TextArea
            value={descriptionUser}
            label="Description"
            placeholder="Votre description..."
            onChange={(event) => {
              const action = changeFieldNewLogin(event.target.value, 'description');
              dispatch(action);
            }}
          />
          <Form.Checkbox label="I agree to the Terms and Conditions" />
          <Form.Button primary>Créer mon compte</Form.Button>
        </Form>
      </Container>
    </div>

  );
}

export default User;