Reactjs 如何以组件形式呈现文本<；text/>；你有什么反应？

我想在react应用程序中以react组件的形式显示文本

当我试图渲染它时，它给了我

未定义的
错误，这是可以理解的

import React from 'react';
import HeaderClass from './Header.css';
import logo from '../../Assets/Images/logo.jpg'
const Header = () => {
    return(
    <div className="header-wrapper">
            <p className="logo__tagline"> <text />  </p>
        <img className="App__logo" src={logo} alt="Name" />
    </div>
    )
};

export default Header;

从“React”导入React；
从“/Header.css”导入HeaderClass；
从“../../Assets/Images/logo.jpg”导入徽标
常量头=（）=>{
返回(

)
};
导出默认标题；
不确定您到底想做什么？
但如果我理解正确，你可以这样做：

在文本文件中：

import React, { Fragment } from 'react'; // So it doesn't create a unnecessary node element. **Only available in react 16+

export const Text = () => <Fragment>Your text here</Fragment>;

import React，{Fragment}来自“React”；//因此它不会创建不必要的节点元素**仅在react 16中提供+
导出常量文本=（）=>此处的文本；

然后您可以引入文本元素并在代码中使用它：

import React from 'react';
import HeaderClass from './Header.css';
import logo from '../../Assets/Images/logo.jpg'
import { Text } from './Text'

const Header = () => {
  return(
   <div className="header-wrapper">
      <p className="logo__tagline"> <Text />  </p>
      <img className="App__logo" src={logo} alt="Name" />
   </div>
  )
};

export default Header;

从“React”导入React；
从“/Header.css”导入HeaderClass；
从“../../Assets/Images/logo.jpg”导入徽标
从“./Text”导入{Text}
常量头=（）=>{
返回(

)
};
导出默认标题；

也许我误解了这个问题，但我不知道你为什么要这么做。
不确定你到底想做什么？
但如果我理解正确，你可以这样做：

在文本文件中：

import React, { Fragment } from 'react'; // So it doesn't create a unnecessary node element. **Only available in react 16+

export const Text = () => <Fragment>Your text here</Fragment>;

import React，{Fragment}来自“React”；//因此它不会创建不必要的节点元素**仅在react 16中提供+
导出常量文本=（）=>此处的文本；

然后您可以引入文本元素并在代码中使用它：

import React from 'react';
import HeaderClass from './Header.css';
import logo from '../../Assets/Images/logo.jpg'
import { Text } from './Text'

const Header = () => {
  return(
   <div className="header-wrapper">
      <p className="logo__tagline"> <Text />  </p>
      <img className="App__logo" src={logo} alt="Name" />
   </div>
  )
};

export default Header;

从“React”导入React；
从“/Header.css”导入HeaderClass；
从“../../Assets/Images/logo.jpg”导入徽标
从“./Text”导入{Text}
常量头=（）=>{
返回(

)
};
导出默认标题；

也许我误解了这个问题，但我不知道你为什么要这样做。
请在问题中加入你的代码，好吗？你的问题很模糊，没有看到你的代码就回答不了。正如上面所评论的，你的问题很模糊，并显示一些代码嗨，对不起，伙计们，刚刚添加了代码。请将您的代码添加到问题中好吗？您的问题回答起来很模糊，没有看到您的代码。如上所述，您的问题很模糊，并显示了一些代码。嗨，抱歉，伙计们，刚刚添加了代码。嗨@tygar，文本不是元素。文本只是普通文本，例如公司名称。但是我想显示被
包围的文本（公司名称）。不要认为你可以这样做，因为箭头括号通常意味着一个元素。如果您只是出于某种原因想要区分文本，您可以将它们用括号和引号括起来，如
{'Your text here'}
将其放在您的p elementHi@tygar中，文本不是元素。文本只是普通文本，例如公司名称。但是我想显示被
包围的文本（公司名称）。不要认为你可以这样做，因为箭头括号通常意味着一个元素。如果您只是出于某种原因想要区分文本，您可以将它们用括号和引号括起来，比如
{'yourtexthere'}
将其放在p元素中