Question

我正在测试一些React组件的基本功能，只是导出一个<hr/>

这是我的组件：

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

但这并不呈现在我正在调用的文件上，

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

缺少什么来显示该行？欢呼

Answer 1

这是一个基于您的代码的有效示例

Code Sandbox working example

import React from "react";
export default function Linea() {
  return (
    <>
      <h1>rendered child Linea</h1>
      <hr />
    </>
  );
}

并在父级

中

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
);

反应导出基本组件未渲染

1 个答案: