Javascript + ReactJS：为什么 regex .match() 不能一致返回？

Question

我使用<pre> 显示了以下多行字符串，如下所示，其中每一行都使用新行表示：

SchoolDistrictCode:291238-9
location_version:3.4
build:e9kem

而我想把build:e9kem解析出来，每次多行的内容都会有所不同。但是每个人都会有build:。

我尝试过：

const regexp = /^build:(.*)$/m;

//stringPar would vary every time
const stringPar = `SchoolDistrictCode:291238-9
location_version:3.4
build:e9kem`;

尝试像这样显示它：

{stringPar.match(regexp)[1])};

它解析正确，但是对于某些多行字符串，当我尝试显示stringPar.match(regexp)[1]之类的字符串时，它会返回Uncaught TypeError: Cannot read property '1' of null，但是当控制台像console.log(stringPar.匹配（正则表达式）[1]）。

可能是什么问题？

在此先感谢您，并将投票/接受答案

编辑（在 ReactJS 中）

它基本上是一个反复渲染的组件，其中传递了道具。

export default class tableRow extends Component {
     ...

     render() {
          console.log(this.props.stringPar.match(regexp)[1]);

          return (
               <tr>
                 <td>
                   {/*Even tried {this.props.stringPar.match(regexp)[1]==null? " ": this.props.stringPar.match(regexp)} but still getting the same error*/}
                   <button>{this.props.stringPar.match(regexp)[1]}</button>
                 <td>
               <tr>
          )
     }
}

Answer 1

可能是什么问题？

正则表达式并非在所有情况下都匹配，可能是因为：

每次多行的内容都会有所不同

做这样的事情，这样你就可以看到字符串不匹配时的样子：

export default class tableRow extends Component {
     ...

     render() {
          // ensure we actually have a string to run match on so don't get an error
          const matchStr = this.props.stringPar || ''; 
          const m = matchStr.match(regexp); // run match
          const matchFound = m && m.length > 0; // boolean, was match found
          const build = matchFound ? m[1] : 'build fallback'; // regex match or fallback if no match was found

          if (!matchFound) {
            console.log("Could not find 'build:' in:", matchStr, matchStr.length === 0 ? 'BLANK!' : 'NOT BLANK');               
          }

          return (
               <tr>
                 <td>
                   <button>{build}</button>
                 <td>
               <tr>
          )
     }
}

并相应地调整您的正则表达式。