Question

我现在有点卡住了。我正在尝试将数据加载到我的一个组件中并将其传递给另一个组件。但是我无法访问数据。我收到以下错误：

TypeError：data.map不是函数

我认为在将其保存到 const数据

时，我无法正确访问导入数据（从'../src/data/data'导入数据）

这就是我的组件List.js目前的样子：

#define MY_MIN(...)                                             \
  MyMin( IS_A_CONSTANT_EXPRESSION(MyMin_constexpr(__VA_ARGS__)) \
       , __VA_ARGS__)

这是我的数据文件：

import React, { Component } from 'react'
import Article from './Article'
require ('../src/sass/List.scss');
import data from '../src/data/data'

class List extends Component {

  render() {

    const data = {data}
    const listWebsites = data.map(websites => {

        return (
            <Article key={websites.id} name={websites.name} preview={websites.description} image={websites.image} />
            )
    })

    console.log('our data is:', this.props.data)
    return (
      <div className="wrapperList">
          {listWebsites}

        </div>
    )
  }

}

export default List

您能否帮我修复此问题并告诉我如何正确访问数据？非常感谢

Answer 1

您正在导出数据作为默认值，在这种情况下与

基本相同

export default [
  {
    'id': '1',
    'name': 'Skyscanner',
    'description': 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr ',
    'image': 'skyscanner.png',

  }, ....
];

因此，您可以正常导入而无需担心将变量名称设置为。

import data from '../src/data'

如何从react.js中的文件访问数据

1 个答案: