在Backstage脚手架器上添加下拉控件(或单选按钮)可以使用Office UI Fabric提供的Dropdown组件或ChoiceGroup组件。
Dropdown组件示例代码:
import * as React from 'react'; import { Dropdown, IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown';
const options: IDropdownOption[] = [ { key: 'A', text: 'Option A' }, { key: 'B', text: 'Option B' }, { key: 'C', text: 'Option C' }, { key: 'D', text: 'Option D' } ];
export const DropdownControl: React.FunctionComponent = () => {
const [selectedOption, setSelectedOption] = React.useState
const handleChange = (event: React.FormEvent
return (
ChoiceGroup组件示例代码:
import * as React from 'react'; import { ChoiceGroup, IChoiceGroupOption } from 'office-ui-fabric-react/lib/ChoiceGroup';
const options: IChoiceGroupOption[] = [ { key: 'A', text: 'Option A' }, { key: 'B', text: 'Option B' }, { key: 'C', text: 'Option C' }, { key: 'D', text: 'Option D' } ];
export const RadioButtonsControl: React.FunctionComponent = () => {
const [selectedOption, setSelectedOption] = React.useState
const handleChange = (event: React.FormEvent
return (