Javascript 对象或非对象函数属性，有什么区别？

通过使用functionstyle它不起作用，但是当使用function{style}它起作用时，请解释为什么

正确的代码：

错误代码：

---

功能组件获取props对象作为参数

在下面的代码行中，您正在解构title prop，这是正确的

导出默认函数标题{Title} 在下面，您将标题作为对象接收并渲染它，这是错误的，因为在react中无法渲染对象

导出默认函数标题{ 回来 {title} ; } 另一个正确的方法是

导出默认函数标题道具{ 回来 {props.title} ; }

export default function Title( { title } ) {
  return (
    <div className="section-title">
      <h4>{title}</h4>
      <div />
    </div>
  );
}

export default function Title( title ) {
  return (
    <div className="section-title">
      <h4>{title}</h4>
      <div />
    </div>
  );
}