React-chart-editor中<FontSelector中的自定义选项

Question

每当我提供自定义字体选项时，如何在FontSelector组件中提供自定义选项，它会被其三个默认字体选项覆盖。 我的组件

<FontSelector label="Typeface" 
   options={[ { label: 'Open Sans', value: '"Open Sans"' }, 
            { label: 'verdana', value: 'verdana' }, 
            { label: 'sans-serif', value: 'sans-serif' }, 
            { label: 'New-Font', value: 'Helvetica Neue' } ]} 
   value="sans-serif" 
   attr="textfont.family" />

但是我在下拉菜单中有不同的选择

Answer 1

注意：传递的选项应该是对象数组。 试试下面的代码，它可以为您提供帮助。

<FontSelector label="Typeface" 
   options=[{"label": "Open Sans","value": "Open San"},
        {"label": "verdana","value":"verdana"},
        {"label": "sans-serif","value": "sans-serif"},
        {"label": "New-Font","value":"Helvetica Neue"}]
   value="sans-serif" 
   attr="textfont.family" />