Reactjs 使用string.match()的结果在表单元格内创建下拉列表

Reactjs 使用string.match()的结果在表单元格内创建下拉列表,reactjs,typescript,Reactjs,Typescript,下面的字符串看起来像一个JavaScript对象 fields { allowed_values { display_name: "A" } allowed_values { display_name: "

下面的字符串看起来像一个JavaScript对象

             fields { 
              allowed_values { 
                             display_name: "A" 
                             } 
              allowed_values {
                             display_name: "B" 
                             } 
             }
我想从这个字符串中获取引号(
“A”,“B”
)中的值,但也想在表格单元格中的下拉列表中显示这些值。我的问题是,我无法将这些值作为适合下拉项的数组来获取

我得到的是引号中的值,如下面的代码所示,并得到
“A”“B”


我将非常感谢您对如何解决此问题的帮助。

您可以尝试“环顾四周”断言

const data='字段{allowed_values{display_name:“A”}allowed_values{display_name:“B”}';

const matchings=data.match(/(?谢谢,@MoxxiManagarm。因为我正在动态创建下拉列表和表格单元格,所以我不确定如何在Typescript中的HTML标记内使用常量和变量。您不需要,我只为示例创建了这些变量。只需替换正则表达式即可。
     <DataCell>
        {fields.match(/(?!^)".*?"/g)}
     </DataCell>
<DataCell>
    <Dropdown items={fields.match(/(?!^)".*?"/g)} />
</DataCell>