Question

我试图在我作为道具收到的文本数组上使用map函数调用一个函数来渲染表行，但是由于某些原因，它们没有被渲染。我是在语法上犯错误吗？我已经验证了许可证文本props数组不是空的，只是返回了一个字符串数组。

echo_newline.js

render方法中的原始代码为：

const showLicenseText = () => {
 return licenseText.map(text => {
      <tr>
        <ThPadding>
          License Information
          {':'}
        </ThPadding>
        <td>{text}</td>
      </tr>
  })
}

Answer 1

您忘了给它打电话！并且由于您正在使用{}，因此在地图中需要明确的return语句

  {showLicenseText()}

我还要进行如下修改：

在render之外定义函数

showLicenseText = (licenseTextRef) => {
 return licenseTextRef.map(text => {
      return <tr>
        <ThPadding>
          License Information
          {':'}
        </ThPadding>
        <td>{text}</td>
      </tr>
  })
}

==============================

  {this.showLicenseText(licenseText)}

Answer 2

在您的map中，您需要return行。地图希望返回一些东西

const showLicenseText = () => {
 return licenseText.map(text => {
      return (<tr>
        <ThPadding>
          License Information
          {':'}
        </ThPadding>
        <td>{text}</td>
      </tr>)
  })
}

从数组渲染表行：react

2 个答案: