Reactjs 在函数内创建多行jsx

我正在尝试创建一个多行jsx变量

returnedElem = <StyledRemovedAnnotationDiv>
      <p>{this.state.deletedAnnotation.objectRemoved.prediction}</p>
      <button
        className="btn btn-danger"
        onClick={() => this.undoDelete(tax, deletedObj)}
      >
        Undo
      </button>
    </StyledRemovedAnnotationDiv>,

returnedElem=
{this.state.deletedAnnotation.objectRemoved.prediction}

this.undodele（tax，deletedObj）}
>
撤消
,

---

但这是行不通的。请引导我。

尝试用大括号包装：

returnedElem=(
{this.state.deletedAnnotation.objectRemoved.prediction}

this.undodele（tax，deletedObj）}
>
撤消
)

什么类型的组件是

StyledRemovedAnnotationDiv

？你不会传递任何道具吧？你不工作是什么意思？

undodele

函数的作用是什么？