小编Hct*_*dez的帖子

我已经了解了使用 bitbucket 的管道，我想制作一个新的管道来上传我的 React 应用程序（使用 create-react-app 引导）并上传到 Amazon S3 存储桶。

我做了一个bitbucket-pipelines.yml这样的文件

image: node:10.15.3

pipelines:
  default:
    - step:
        name: Installing dependencies
        caches:
          - node
        script: # Modify the commands below to build your repository.
          - rm -rf package-lock.json
          - rm -f node_modules
          - yarn add
    - step:
        name: Build
        script:
          - yarn build

当 Bitbucket 运行它时，它会向我显示下一条错误消息

env-cmd -f .env.production.local react-scripts build
Error: Unable to locate env file at location (.env.production.local)

这是因为在我的 package.json 中，我使用 env-cmd 来读取构建脚本的环境变量。

  "scripts": {
    "start": "env-cmd …

我创建了一个名为的新反应组件，用于显示一些用户信息。我将每个用户数据都存储在对象数组中。我想创建一个布局，在行容器（Bulma css 框架的列）中显示每 3 个用户，并为每个用户提供一个列元素。

我检查了类似这样的其他问题，在循环中每 3 列后创建新行 ，并且所有问题都在 HTML 中使用非结束标签来创建布局，但在 React.js 中，所有标签都必须有一个结束标签。

users: [
{id:1, name: Tomas}
{id:2, name: Tomas}
{id:3, name: Tomas}
{id:4, name: Tomas}
{id:5, name: Tomas}
{id:6, name: Tomas}
]


return (
 ////

 const users = users.map(user,index) => {
  if (index % 3 === 0) {
  /// some code to create the layout
   }

  return <div className="column><User name={client.name}/></div>

  }
///
)

我想渲染这样的东西

<div className="columns">
  <div className="column">
    <User id={users.id} name={users.name}/> // id 1
  <div>
  <div className="column"> …