首页 > 解决方案 > 如何在 React 17.0.2 中以编程方式触发选择控件的 onChange

问题描述

好的,我问这个的原因是因为我找不到这个常见问题的任何现代答案。

所以我有一个组件,其中有这个选择控件:

const [selectedProject, setSelectedProject] = useState('');

return (
    <Container>
        <Stack gap={16}>
            <div>
                <Stack gap={0}>
                    <Text type="baseBold">Project</Text>
                    {
                        <Select
                            name="select-list"
                            value={selectedProject}
                            placeholder={'Please select business area'}
                            onChange={(value) => {
                                setSelectedProject(value);
                                doGetSomething(value);
                                doGetPromotedSomething(value);
                            }}
                            (...)

当用户与选择控件交互时,它工作正常,即手动选择一个选项。但是,我想以编程方式触发 onChange MYSELF。我怎么做?这不会触发 onChange:

setSelectedProject(selectedProject);

那么如何触发呢?请记住,这是一个现代版本的 react。

标签: reactjsreact-hooks

解决方案


推荐阅读