react js如何在jsx中添加按钮

船底座

我正在尝试在 props.text 的末尾添加一个按钮,但使用此代码将 [object Object] 放在文本的末尾而不是“设置行”按钮

function UnchangedText(props) {
  const setLines = <button>Set Lines</button>;
  return (
    <div className={props.className}>
      <span></span>
      <pre>{
        props.text.includes("\\n") 
        ? props.text + setLines
        : props.text
      }</pre>
    </div>
  );
}
阿曼萨德瓦尼

尝试这个

function UnchangedText(props) {
  const setLines = <button>Set Lines</button>;
  return (
    <div className={props.className}>
      <span></span>
      <pre>{
        props.text.includes("\\n") 
        ? <>{props.text}  {setLines} </>
        : props.text
      }</pre>
    </div>
  );
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章