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-react”导入的DateInput的值prop。，但我找不到将其传递给handleDateChange函数的任何合理方法...我可以看到这是一个非常基本的问题，但是由于这是我第一次使用{{1} }，本教程使用了较旧的样式，您可以将回调绑定到DateInput作为道具。

如果有帮助，我想做的就是在DateInput函数中将此行称为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>
  );
};

希望对您有帮助！

语义用户界面反应日历问题

1 个答案: