React中如何清空数组？基于useState的场景实现求助

要清空selected这个数组状态，直接调用setSelected([])即可，空数组[]完全符合readonly string[]的类型约束。

另外注意原代码存在类型不匹配问题：当selectedId有值时，setSelected(selectedId)是错误的——selected是数组类型，而selectedId是单个字符串，无法直接赋值。需要根据业务需求调整：

• 若需求是将selectedId追加到数组，用函数式更新保留之前的状态
• 若需求是用selectedId替换整个数组，直接传入单元素数组

修正后的完整代码：

const [selected, setSelected] = React.useState<readonly string[]>([]);
const selectedId = props.selectedId;  

useEffect(() => {
    if (selectedId !== undefined) {  
        // 追加selectedId到数组（按需替换为[selectedId]实现替换逻辑）
        setSelected(prevSelected => [...prevSelected, selectedId]);
    } else {
        // 清空数组
        setSelected([]);
    }
}, [selectedId]);

内容的提问来源于stack exchange，提问作者Developer007