开发者社区> 问答> 正文

#React 如何在React 16版本中呈现数组,字符串和数字?

#React 如何在React 16版本中呈现数组,字符串和数字?

展开
收起
因为相信,所以看见。 2020-05-08 10:29:58 668 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    数组:与旧版本不同,您无需确保render方法在React16中返回单个元素。您可以通过返回数组来返回多个没有包装元素的兄弟元素。例如,让我们采用以下开发人员列表,

    const ReactJSDevs = () => {
      return [
        <li key="1">John</li>,
        <li key="2">Jackie</li>,
        <li key="3">Jordan</li>
      ];
    }
    
    

    您还可以将此项目数组合并到另一个数组组件中

    const JSDevs = () => {
      return (
        <ul>
          <li>Brad</li>
          <li>Brodge</li>
          <ReactJSDevs/>
          <li>Brandon</li>
        </ul>
      );
    }
    
    

    字符串和数字:您还可以从render方法返回字符串和数字类型

    render() {
     return 'Welcome to ReactJS questions';
    }
    // Number
    render() {
     return 2018;
    }
    
    2020-05-08 10:31:24
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载