如何在花括号内的表达式周围放置强标签？

Question

<DialogTitle>
  <p>
    Are you sure you want to delete{" "}{project ? project.title : "this project"}?    
  </p>     
</DialogTitle>

我一直在尝试执行<strong>{project? project.title: "this project"}</strong>，但是没有用。

Answer 1

尝试此代码。希望对您有帮助。

<DialogTitle>
  <p>
     Are you sure you want to delete{" "}{project ? <strong> 
     {project.title}</strong> : "this project"}
   </p> 
</DialogTitle>

演示链接：https://stackblitz.com/edit/react-akxxud

Answer 2

尝试一下：

<DialogTitle>
  <p>
    {"Are you sure you want to delete "}<strong>{project ? project.title : "this project"}</strong>
  </p>
<DialogTitle>

---

这里是Working Sample Demo供您参考。

Answer 3

尝试一下

<DialogTitle>
 <p>
    Are you sure you want to delete <strong>{project ? project.title : "this project ?"}</strong>
  </p>
<DialogTitle>