🧐[问题]renderFormItem中应该如何正确消费request返回的数据
ray0324 opened this issue · comments
提问前先看看:
https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md
🧐 问题描述
renderFormItem中应该如何正确消费request返回的数据?
以下代码能正常运行 ,但是TS报错
💻 示例代码
{
title: '分配菜单',
dataIndex: 'menus',
valueType: 'option',
hideInTable: true,
hideInSearch: true,
formItemProps: {
tooltip: '分配菜单',
rules: [
{
required: true,
message: '选择菜单',
},
],
},
request: async () => {
console.log('request treeDataList:', treeDataList)
return treeDataList;
},
renderFormItem: (schema, config, form) => {
const onCheck: TreeProps['onCheck'] = (checkedKeysValue) => {
form.setFieldsValue({ menus: checkedKeysValue });
};
const keys = form.getFieldValue('menus') || [];
return (
<ProFormItem
colon={false}
style={{ textAlign: 'right', marginBottom: 0 }}
>
<ProCard bordered style={{ borderColor: '#d9d9d9' }}>
<Tree
checkable
onCheck={onCheck}
checkedKeys={keys}
treeData={config.option ||[]}
autoExpandParent={true}
/>
</ProCard>
</ProFormItem>
);
},
},
🚑 其他信息
![image](https://private-user-images.githubusercontent.com/5204198/342020385-95dc47f8-d83e-48d9-92bb-cf59a93af1e8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE2NDk4OTEsIm5iZiI6MTcyMTY0OTU5MSwicGF0aCI6Ii81MjA0MTk4LzM0MjAyMDM4NS05NWRjNDdmOC1kODNlLTQ4ZDktOTJiYi1jZjU5YTkzYWYxZTgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjJUMTE1OTUxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDVjYzA1NDcxNmNmODcyYWIwOGEyNTFkYzA5MmE5OGYyZjhiYTc5YTQ1NmJhMTQyNGJmOTBiNjQ3OWE1MDdmMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.WtMajl5Q6W_Pki5oONZHLVRyLJr4j-WZy83iVboOkYA)