Skip to content

Cascader 级联选择器 设置value 组件首次显示没有显示已选择的值 #2432

@MRXLDL

Description

@MRXLDL

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

2.6.10

平台

weapp

重现链接

https://codesandbox.io/p/devbox/sharp-sky-cd83jv?workspaceId=31e46e86-83a7-4939-a08b-d340f472b9bb&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clyfggos700083j6js5kyktjs%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clyfggos700033j6jqwnxmn5o%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clyfggos700053j6jaw1qch8x%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clyfggos700073j6jtb8u4x93%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clyfggos700033j6jqwnxmn5o%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clyfggos700023j6j7ylmygzq%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A6%252C%2522startColumn%2522%253A26%252C%2522endLineNumber%2522%253A7%252C%2522endColumn%2522%253A54%257D%255D%257D%255D%252C%2522id%2522%253A%2522clyfggos700033j6jqwnxmn5o%2522%252C%2522activeTabId%2522%253A%2522clyfggos700023j6j7ylmygzq%2522%257D%252C%2522clyfggos700073j6jtb8u4x93%2522%253A%257B%2522id%2522%253A%2522clyfggos700073j6jtb8u4x93%2522%252C%2522activeTabId%2522%253A%2522clyfgra52005s3j6knorpy5wi%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clyfggos700063j6jj9502a53%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522path%2522%253A%2522%2522%257D%252C%257B%2522type%2522%253A%2522DOCS%2522%252C%2522path%2522%253A%2522%252Feditors%252Fweb%252Fvscode-web%2522%252C%2522id%2522%253A%2522clyfghnrh002a3j6j8mizuk41%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522DOCS%2522%252C%2522path%2522%253A%2522%252Feditors%252Fweb%252Fvscode-web%2522%252C%2522id%2522%253A%2522clyfgidvh00053j6lzy8pkb1r%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522port%2522%253A5173%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522clyfgra52005s3j6knorpy5wi%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%252C%2522clyfggos700053j6jaw1qch8x%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clyfggos700043j6j9ywk9j6w%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%257D%255D%252C%2522id%2522%253A%2522clyfggos700053j6jaw1qch8x%2522%252C%2522activeTabId%2522%253A%2522clyfggos700043j6j9ywk9j6w%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

重现步骤

<Cascader
title="切换学员"
options={StudentList}
visible={visible}
onClose={() => {
setVisible(false);
}}
closeable={true}
value={studentId}
onChange={(value: any, path: any) => {
console.log(value);
setStudentId(value);
setDefaultStudent({ studentId: value[value.length - 1] }).then(
async (res) => {
if (res.code == 0) {
Taro.showToast({
title: "切换成功",
icon: "success",
duration: 2000,
});
initData();
}
}
);
}}
/>

期望的结果是什么?

组件首次显示已选择的值

实际的结果是什么?

Cascader 级联选择器 设置value 组件首次显示没有显示已选择的值
只有设置 defaultValue 首次才会显示已选择的值 使用方式有点变扭

环境信息

No response

其他补充信息

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions