Как запустить изменение выбранного элемента управления программно в React 17.0.2

#reactjs #react-hooks

Вопрос:

Хорошо, причина, по которой я спрашиваю об этом, заключается в том, что я не могу найти никаких современных ответов на этот часто задаваемый вопрос.

Таким образом, у меня есть компонент, в котором у меня есть этот элемент управления select:

 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);
                            }}
                            (...)
 

Он отлично работает, когда пользователь взаимодействует с элементом управления select, т. е. выбирает параметр вручную. Тем не менее, я хочу запустить onChange САМОСТОЯТЕЛЬНО программно. Как мне это сделать? Это не приведет к запуску onChange:

 setSelectedProject(selectedProject);
 

Так как же мне его запустить? Пожалуйста, имейте в виду, что это современная версия react.

Комментарии:

1. если вы используете html <select/> -элемент setSelectedProject(selectedProject); , он работает нормально, я не знаю, какую библиотеку вы используете для <Select/> компонента, что это такое?