如何将变量传递到反应烤面包

Question

那么，如何在烤面包机内部传递变量例如

var msg= 'Hello World.<br/>This is awesome.<br/>Be Happy';

我把这条信息变成了烤面包的样子。。。

toast.error(<div>msg<div>)

烤面包机显示的是"msg"而不是"Hello World。这太棒了。祝你快乐"。有人给出了正确的解决方案，请

Answer 1

您错误地传递了变量：

toast.error(<div>msg<div>) to 
toast.error(<div>{msg}<div>) //add template literal
//Better would create component as it would print dom as a string : 
//Better approach : 
const Msg = () => {
return (
<>
Hello World.
<br />
This is awesome.
<br />
Be Happy
</>
);
};

toast.error(<Msg/>);

Answer 2

使用toast.error(<div>msg<div>)发送一个以msg为内容的div。

如果要显示msg变量的value，则需要使用toast.error(<div>{msg}<div>)

Answer 3

将msg变量用大括号括起来，如下所示toast.error(｛msg｝(

Answer 4

嗨，谢谢大家的更正，这是正确的，实际上我在绑定动态部件时仍然会收到错误。。

var Msg='';
Object.keys(errorsList).map((key) => {
Msg= Msg + errorsList[key] + '<br/>';
});
toast.error(<div>{Msg}</div>);

当我像你说的那样绑定时，new line <br/>工作不正常。请给出解决方案。。。