reactjs - 语义 ui react 日历问题

Question

我定义了以下要使用 JSX 呈现的组件:

const TestingDate = () => {
  return (
    <Container>
      <DateInput
        clearable
        clearIcon={<Icon name="remove" color="red" />}
        name="date"
        value="2 Apr 2020"
        onChange={a => handleDateChange(a)}
      />
    </Container>
  );
};

但是，我遇到的问题是，在 handleDataChange 中，我必须跟踪日期(即从“semantic-ui-calendar”导入的 DateInput 的值属性-react”，但我找不到任何合理的方式将其传递给 handleDateChange 函数...我可以看到这是一个 super 基本的问题，但我有点卡住了，因为这是我第一次使用 DateInput，本教程使用旧样式，您可以将回调作为 Prop 绑定(bind)到 DateInput。

如果有帮助，我想做的就是在 handleDataChange 函数中调用这一行 setDate(value)。谢谢!

Answer 1

我遇到了同样的问题，并且能够通过执行以下操作解决它。

const TestingDate = () => {
  const [date, setDate] = useState(null);

  function handleDateChange(name, value) {

    setDate(value)

  }

  return (
    <Container>
      <DateInput
        clearable
        clearIcon={<Icon name="remove" color="red" />}
        name="date"
        value="2 Apr 2020"
        onChange={(a, {name, value}) => handleDateChange(name, value)}
      />
    </Container>
  );
};

希望对您有所帮助!