问题描述
https://codesandbox.io/s/form-redux-6lvvo?file=/src/components/ContactForm.js:8134-8139
这是我的沙箱,我在主程序中使用新东西之前尝试新东西。 但是我对 redux-form 有问题。 正如您在演示中看到的那样,有一个外部输入“测试”,如果您尝试在其中写入,您可以看到停止在第一个字符处工作,然后它开始按预期工作。 使用本机输入,我完全没有问题。
我修复了它在 ContactForm 返回中写入事件返回,如下所示:
let ContactForm = (props) => {
const handleSubmit = () => {
console.log("Ciao");
};
const [item,setItem] = useState([]);
const [expanded,setExpanded] = useState("panel1");
//handler
const handleChange = (panel) => (event,isExpanded) => {
setExpanded(isExpanded ? panel : false);
};
useEffect(() => {
props.initialize({
oggetto: "Ciao",inizio: "Ciao",data: "Ciao",fine: "Ciao",luogo: "Ciao",note: "Ciao",preavviso: "Ciao",tipologia: "Ciao",stato: "Ciao",privato: "Ciao",confa: "Ciao",confv: "Ciao"
});
},[]);
return (
<form onSubmit={handleSubmit}>
<Accordion
expanded={expanded === "panel1"}
onChange={handleChange("panel1")}
>
<AccordionSummary
expandIcon={<ExpandMoreIcon />}
aria-controls="panel1a-content"
id="panel1a-header"
classes={{ root: "top-accordion" }}
>
<Typography>
<Icon>account_Box</Icon> Evento in agenda
</Typography>
</AccordionSummary>
<AccordionDetails>
<TableContainer>
<Table aria-label="customized table">
<TableBody classes={{ root: "table-body" }}>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="oggetto"
label="oggetto"
fullWidth
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="tipologia"
label="tipologia"
fullWidth
>
<option value="" />
</Field>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="data"
label="data"
fullWidth
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="inizio"
label="inizio"
fullWidth
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="fine"
label="fine"
fullWidth
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="luogo"
label="luogo"
fullWidth
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="allarme"
label="preavviso"
fullWidth
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<Field
component={renderTextField}
name="note"
label="note"
fullWidth
multiline
/>
</TableRow>
<TableRow classes={{ root: "table-row" }}>
<InputForm />
</TableRow>
</TableBody>
</Table>
</TableContainer>
</AccordionDetails>
</Accordion>
<button type="submit">Submit</button>
</form>
);
};
它停止工作有什么原因吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)