Question

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

声明了“ navigationBar”，但从不读取它的值。ts（6133）

我正在尝试将组件导入我的React应用中的app.js中，例如：
import navigationBar from ./navigationBar

app.js：

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

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

export default App;

navigationBar.js：

import React, { Component } from 'react'

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

Answer 1

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

使用大写字母开头的组件名称，您应该像NavigationBar

声明了'navigationBar'，但从未读取其值.ts（6133）

1 个答案: