Question

Reactjs！我试图使span标签仅在显示person.name的位置（它应以蓝色显示$ {person.name}）和单击时才可单击，我想显示一个有助于编辑名称的弹出框。请帮助。 / p>

<span>
 &nbsp;(&nbsp;
  {`${person.name},${person.address} `}
 &nbsp;)
</span>

Answer 1

您可以将onClick添加到跨度并调用您的函数。像这样的东西：（我也添加了样式。您可以将硬编码的“名称”替换为state）

 const clickspan1 = () => {
    alert('name');
  }
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <span style={{color:'blue',cursor:'pointer'}} onClick={clickspan1} >Name</span>
      <span>address</span>
    </div>
  );
}

Reactjs！使跨度标签可点击

1 个答案: