在 React 中调用一个组件的 onChange 方法，在另一个组件中调用

Question

这个表单有一个选择器组件:

<Selector
initialSelectedOption={data[0].type}
onChange={(val) => changeValue(val.name)}
options={valueOptions}
/>;

当用户从下拉菜单中选择一个值时，将调用onChange，并在选择器中更新该值。

我想在用户点击取消后将值重置为原始值:

<Button onClick={handleCancel} />
...
const handleCancel = () => {
changeValue(data[0].type);
};

但是，这里有问题，因为它没有调用。

是否可以从handleCancel中调用Selector的onChange方法?

Answer 1

我们需要更多的上下文来确定，但一般来说，你应该在父组件中定义onChange，并将其作为prop传递给选择器组件和处理取消的组件。