1

我正在尝试将 Fast UI 控件与 React 和 TypeScript 一起使用。我遵循了React 集成说明，但我的onChange事件没有触发。我错过了什么？

该onClick事件正在复选框上工作，但 onChange 确实是我所追求的。

我的代码：

import { 
  provideFASTDesignSystem, 
  fastCheckbox,
  fastSelect,
  fastOption
} from '@microsoft/fast-components';
import { provideReactWrapper } from '@microsoft/fast-react-wrapper';

const { wrap } = provideReactWrapper(
  React, 
  provideFASTDesignSystem()
);

const FastCheckbox = wrap(fastCheckbox());
const FastSelect = wrap(fastSelect());
const FastOption = wrap(fastOption());

<FastCheckbox 
  checked={props.properties["fieldsetCheckbox"]}
  onChange={(e: any) => {console.log("onChange");}
/>

<FastSelect
  value={props.properties["fieldsetCascadingSelect"][0]}
  onchange={(e: any) => {console.log("onchange");}}
>
  <FastOption value="">Select Family...</FastOption>
  {familiesList.map(item => <FastOption value={item.value}>{item.name}</FastOption>)}
</FastSelect>
4

1 回答 1

0

如果 FASTselect元素实现了普通selectHTML 元素的所有功能，那么您可能会发现 onselect 正是您要寻找的

https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event

于 2022-01-22T20:29:42.190 回答