Javascript 如何使用正则表达式在JSX标记中获取prop(可以是多行)的值?

Javascript 如何使用正则表达式在JSX标记中获取prop(可以是多行)的值?,javascript,reactjs,regex,jsx,regex-group,Javascript,Reactjs,Regex,Jsx,Regex Group,我想从这些JSX元素中获得标题道具的价值 <Story title={'Disabled Text Input'}> <TextInput label="Disabled Text Input" disabled /> </Story> <Story title={'Disabled ways for Text Input to

我想从这些JSX元素中获得标题道具的价值

      <Story title={'Disabled Text Input'}>
        <TextInput label="Disabled Text Input" disabled />
      </Story>
      <Story 
         title={'Disabled ways for
                 Text Input to work'}>
        <TextInput label="Disabled Text Input" 
          disabled 
          {...someExtraProps}/>
      </Story>

因此,我确实使用regex作为解决方案的第一步。 但后来我发现了这个工具箱,
用于提取信息以生成文档的确切目的。

单用一个正则表达式无法可靠地做到这一点。JSX和HTML一样,太复杂了。如果你想解析JSX,你需要一个JSX解析器,而不是一个正则表达式。但是一个简单的提取。我知道我们可以使用解析器,AST提取器等等。但只是寻找正则表达式,我不是说渲染。我的意思是要从JSX可靠地提取数据,您需要一个解析器,而不是正则表达式。要提取JSX数据,解析器是最可靠的方法。我所针对的用例是将其与。所以我不确定哪个jsx解析器可以帮助我有效地提取它。如果您有任何解析器,请务必告诉我。:)
title={"some"}
title="Some"
title='Some'
title={'Some'}