在使用功能时做出反应，它的属性未显示在屏幕上[重复]答案

【问题标题】：In react while using function ,it's property not showing on screen [duplicate]在使用功能时做出反应，它的属性未显示在屏幕上[重复]
【发布时间】：2019-01-24 11:00:33
【问题描述】：

我正在学习 React-JSX，我已经尝试过代码

function sayHello(){
  return <h1>Haiiiiii</h1>
}
class App extends Component {
  render() {
    return (
      <div>
      <sayHello> Haiiiiii </sayHello>
      </div>
    );
  }
}

Haiiiiii 正在渲染到屏幕，但 <h1> 标题格式未显示在屏幕上。（即，Haiiiiii 未以粗体显示）

【问题讨论】：

在哪里设置为粗体？
我想将它显示为
标签应该显示的文本
将组件名设为SayHello（大写S），所有的子组件都会传入props中，这样写：function SayHello(props){ return ( <h1> Haiiiiii {props.children} </h1> ) }
是的。它在组件名称大写时起作用

标签： reactjs jsx

【解决方案1】：

这是一种方法

function sayHello(props){
  return <b>{props.text}</b>
}
class App extends Component {
  render() {
    return (
      <div>
      <sayHello text="Haiiiiiiii" />
      </div>
    );
  }
}

【讨论】：

标签应该显示的文本