每当我点击我的反应网站上的“购物车”按钮时，网站就会崩溃

Question

我正在使用React js创建一个电子商务网站。在我在Visual Studio代码中创建一个名为“ CartColumn”的文件之前，该按钮一直工作正常。现在，每当我单击购物车按钮时，即使删除“ CartColumn”文件，网站也只会崩溃。

这是我在“ CartColumn”中键入的代码：-

import React from 'react'

export default function CartColumns() {
  return (
    <div className="container-fluid text-center d-lg-block">
      <div className="row">
        <div className="col-10 mx-auto col-lg-2">
          <p className="text-uppercase">products</p>
        </div>
        <div className="col-10 mx-auto col-lg-2">
          <p className="text-uppercase">name of products</p>
        </div>
        <div className="col-10 mx-auto col-lg-2">
          <p className="text-uppercase">price</p>
        </div>
        <div className="col-10 mx-auto col-lg-2">
          <p className="text-uppercase">quantity</p>
        </div>
        <div className="col-10 mx-auto col-lg-2">
          <p className="text-uppercase">remove</p>
        </div>
        <div className="col-10 mx-auto col-lg-2">
          <p className="text-uppercase">total</p>
        </div>
      </div>
    </div>
  );
}