reactjs - 在使用功能时做出反应，它的属性未显示在屏幕上

Question

我正在学习 React-JSX 并尝试了代码

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

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

标签： reactjsjsx

Answer 1

这是一种做法

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