如何将变量传递给反应烤面包？答案

【问题标题】：How to pass variable into react toastify?如何将变量传递给反应烤面包？
【发布时间】：2019-10-30 11:41:42
【问题描述】：

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

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

我像这样将这个 msg 变量传递给 toastr...

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

烤面包机显示的是“msg”而不是“Hello World.This is awesome.Be Happy”。请有人给出正确的解决方案

【问题讨论】：

标签： reactjs toastr

【解决方案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/>);

【讨论】：

【解决方案2】：

通过使用toast.error(<div>msg<div>)，您将发送一个以msg 作为内容的div。

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

【讨论】：

【解决方案3】：

像这样将 msg 变量包裹在花括号中 toast.error({msg})

【讨论】：

【解决方案4】：

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

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

 toast.error(<div>{Msg}</div>);

当我按照你说的绑定时，new line <br/> 无法正常工作。请给出解决方案...

【讨论】：