Reactjs 反应导出基本组件不渲染

我正在测试一些react组件的基本功能，只是导出一个

这是我的组件：

import React from 'react'
export default () => {
    return(
        <hr/>
    ) 
}

从“React”导入React
导出默认值（）=>{
返回(

) 
}

但这并不是在我称之为

const linea = require('./Linea')
function App(){
  return (
    <div>
      <p>tkt</p>
      <linea/>
      <hr/>
    </div>
  )
}
export default App

const linea=require（'./linea'）
函数App（）{
返回(
tkt


)
}
导出默认应用程序

---

缺少什么来显示这条线？干杯

这里是一个基于您的代码的工作示例

从“React”导入React；
导出默认函数Linea（）{
返回(
渲染子线

);
}

在父母身上

import React from "react";
import ReactDOM from "react-dom";

import Linea from "./Linea";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <Linea/>
  </React.StrictMode>,
  rootElement
);

从“React”导入React；
从“react dom”导入react dom；
从“/Linea”导入Linea；
const rootElement=document.getElementById（“根”）；
ReactDOM.render(
,
根元素
);

react中的组件的外壳类似于

import React from "react";
import ReactDOM from "react-dom";

import Linea from "./Linea";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <Linea/>
  </React.StrictMode>,
  rootElement
);