我现在在做的业务逻辑是这样的,直接上图。
我想让关联题库选项变动时,自动的选项中的value清空,可是我发现不好使,于是我在外层也新增一个选择框,把他赋予同样的value和onchange,还有点击事件发现,上面的select中的value可以通过useState删除,而在renderFormItem中定义的select组件的value修改不了。
所以renderFormItem中自定义还是有点受限。
renderFormItem: (text, row, index) => {
return <Select
value={selectedData}
onChange={setSelectedData}
options={[
{ value: '||', label: '或' },
{ value: '&&', label: '且' },
]}
/>
},
const [selectedData, setSelectedData] = useState<any>(null);
const handleDelete = () => {
if (selectedData) {
setSelectedData(null);
}
};
这是我遇到的问题,如果有哪里不对,或者可以实现这个效果,请赐教!