时间戳

首页 > 解决方案 > 尝试访问电影文件中的数据并在主文件中使用它

javascript - 尝试访问电影文件中的数据并在主文件中使用它

问题描述

我正在尝试访问 movies.js 文件中的 movies const 中的数据并使用我的 home.js 文件中的数据。我尝试导入它，但它不起作用。有谁可以看看？

我的主文件（其中：

import React, { PureComponent } from 'react'
import movies$ from "./movies"

class Home extends PureComponent {
    constructor(props) {
        super(props)

        this.state = {

        }
    }

    render() {
        return (
            // <div>Charles</div>
            <div>{this.movies$[0].title}</div>
        )
    }
}

export default Home

const movies = [
  {
    id: '1',
    title: 'Oceans 8',
    category: 'Comedy',
    likes: 4,
    dislikes: 1
  }, {
    id: '2',
    title: 'Midnight Sun',
    category: 'Comedy',
    likes: 2,
    dislikes: 0
  }, {
    id: '6',
    title: 'Pulp Fiction',
    category: 'Thriller',
    likes: 11,
    dislikes: 3
  }
]

export const movies$ = new Promise((resolve, reject) => setTimeout(resolve, 100, movies))

标签： javascriptreactjs

解决方案

在电影 .js 中：

export const movies = [
{
  id: '1',
  title: 'Oceans 8',
  category: 'Comedy',
  likes: 4,
  dislikes: 1
}, {
  id: '2',
  title: 'Midnight Sun',
  category: 'Comedy',
  likes: 2,
  dislikes: 0
}, {
  id: '6',
  title: 'Pulp Fiction',
  category: 'Thriller',
  likes: 11,
  dislikes: 3
 }
];

在 home.js 中

import { movies } from './movies.js';
// in component
<div>{movies[0].title}</div>

推荐阅读