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