想要打印带有从阵列中检索的ID的消息

Question

我想打印带有一些ID的消息..集合ID存储在一个数组中。

const msg= 'A patient with this Hospital already exsists. Do you want to edit this patient?' + checkAccnt && checkAccnt.map((Pat,i)=><div key={i}><div>{Pat.PatientID}</div></div>);

以上我写的。不幸的是，只有ID作为输出打印出来。我在其面前写的消息不打印..为什么？

Answer 1

你为什么不写这样的？

let msg = 'A patient with this Hospital already exsists.
        Do you want to edit this patient?'
checkAccnt && checkAccnt.map((Pat,i)=>{
  msg += <div key={i}>
    <div>{Pat.PatientID}</div>
 </div>
})

现在，要渲染msg，请使用renderToString：

import { renderToString } from 'react-dom/server'

renderToString(msg)

Answer 2

我得到了输出

let msg2 = 'A patient with this Hospital already exsists. Do you want to edit this patient?';
            let msg1='';
            msg1 = checkAccnt && checkAccnt.map((Pat,i)=>{

                return  <div key={i}>
                          <div>{Pat.PatientID}</div>
                       </div>
              });
              let msg= <div style= {{'fontSize': '16px'}}><div style= {{'fontSize': '16px', 'fontWeight':'bold'}}>{msg2}</div>{msg1}</div>;