Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 语义用户界面反应日历问题_Reactjs_Semantic Ui React - Fatal编程技术网

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

Reactjs 语义用户界面反应日历问题,reactjs,semantic-ui-react,Reactjs,Semantic Ui React,我已经定义了要使用JSX呈现的以下组件: const TestingDate=()=>{ 返回( handleDateChange(a)} /> ); }; 然而,我遇到的问题是,在handleDataChange中,我必须跟踪日期(即从“语义ui日历”导入的DateInput的值prop),但我找不到任何合理的方法将其传递给handleDateChange函数……我可以看出这是一个非常基本的问题,但我有点卡住了,因为这是我第一次使用DateInput,教程使用了较旧的样式,您可以将回调绑定到

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

const TestingDate=()=>{
返回(
handleDateChange(a)}
/>
);
};
然而,我遇到的问题是,在
handleDataChange
中,我必须跟踪日期(即从“语义ui日历”导入的DateInput的值prop),但我找不到任何合理的方法将其传递给
handleDateChange
函数……我可以看出这是一个非常基本的问题,但我有点卡住了,因为这是我第一次使用
DateInput
,教程使用了较旧的样式,您可以将回调绑定到
DateInput


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

我遇到了同样的问题,通过执行以下操作可以解决它

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>
  );
};
const TestingDate=()=>{
const[date,setDate]=useState(null);
函数handleDateChange(名称、值){
设置日期(值)
}
返回(
handleDateChange(名称、值)}
/>
);
};

我希望这会有帮助!

我不确定是什么问题,请详细说明。这个日历组件的
onChange
传递给你
日期
文本
模式
,缺少什么?当我控制台。将输入记录到onChange时,我会记录事件,这是回调中的“事件”通用对象。但是,我不知道我看不出日期、文本和模式在哪里传递。你能解释一下吗?我是不是把Onchange改成Onchange={(a,日期,文本,模式)=>handleDateChange(a,日期,文本,模式)}?我的响应基于文档,但您可以确保代码段中的参数是什么?您在哪里找到关于此的文档?我正在阅读-但找不到您所说的内容。handleChange=(event,{name,value})=>{if(this.state.hasOwnProperty(name)){this.setState({[name]:value});}