时间戳

首页 > 解决方案 > 'navigationBar' 已声明，但其值从未被读取。ts(6133)

create-react-app - 'navigationBar' 已声明，但其值从未被读取。ts(6133)

问题描述

我正在开发我刚刚创建的 react-app，但是在测试它时，我收到了这个错误：

'navigationBar' 已声明，但其值从未被读取。ts(6133)

我正在尝试将一个组件导入到我app.js的反应应用程序中，例如：
import navigationBar from ./navigationBar

应用程序.js：

import React from 'react';
import './App.css';
import navigationBar from './navigationBar'

function App() {
     return (
       <div>
         hello world
         <navigationBar />
       </div>
     );
}

export default App;

导航栏.js：

import React, { Component } from 'react'

export default class navigationBar extends Component {
        render() {
            return (
                <div>
                    hey there
                </div>
            )
        }
}

标签： create-react-app

解决方案

在 JSX 中，小写的标签名称被认为是 HTML 标签。因此，即使您使用navigationBar，也不会被视为使用该组件。

使用大写字母开头的组件名称，你应该没问题NavigationBar

推荐阅读