无法在反应中导入按钮

Priya 发表于 Dev

普里亚

我在导入buttonin 方面需要一些帮助react，我是全新的反应

我已创建了一个table我在哪里显示data通过JSON，现在我想添加一个button表所示，当用户点击它，它会重定向到一个新的页面

我有imported我的js文件按钮

import { Button } from 'react-native';

我Button在渲染 HTML 中使用过

<Button variant="primary">Primary</Button>

代码片段

import React from 'react';
import { Table } from 'react-bootstrap';
import { Button } from 'react-native';
import '../scss/components/table';
import data from '../../public/userData';

export default function ReservedListView() {
  console.log('data :' + JSON.stringify(data));
  let header = Object.keys(data[0]);
  console.log('header :' + header);
  return (
    <div>
      <table id="students" class="table">
        <tbody>
          <tr>
            <th>Name</th>
            <th>Date</th>
            <th>Day</th>
            <th>SimeSlot</th>
          </tr>
          {data.map((el, index) => (
            <tr>
              <td>{el.name}</td>
              <td>{el.date}</td>
              <td>{el.day}</td>
              <td>{el.timeSlot}</td>
            </tr>
          ))}
        </tbody>
      </table>
      <Button variant="primary">Primary</Button>
    </div>
  );
}

导入按钮时出现此错误