Question

我想在react app里面以react组件的形式显示文本。

当我尝试渲染它时，它会给我not defined错误，这是可以理解的。

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;

Answer 1

不确定您要做什么？但如果我理解正确，你可以这样做：

在文本文件中：

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

然后你可以引入text元素并在你的代码中使用它：

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;

也许我误解了这个问题，但我不知道你为什么要这样做。

如何以组件形式呈现文本<text> in react？

1 个答案: