Как передать переменную в реакцию, чтобы подтвердить?

Question

Итак, как передать переменную внутри тостера, например

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

Я передал эту переменную msg в toastr следующим образом ...

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

тостер показывает "msg"не" Hello World. Это потрясающе. Будьте счастливы ". кто-то дать правильное решение, пожалуйста,

Answer 1

Оберните переменную msg в фигурные скобки, например, toast.error ({msg})

Answer 2

Вы передаете переменную неправильно:

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 3

Используя toast.error(<div>msg<div>), вы отправляете div с msg в качестве содержимого.

Если вы хотите показать value вашей msg переменной, вам нужно использовать toast.error(<div>{msg}<div>)

Answer 4

Привет Спасибо всем за исправление, это правильно, и на самом деле я все еще получаю ошибку при привязке динамических частей. Вот так ..

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

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

Когда я связываюсь, как вы сказали, new line <br/> не работает должным образом. Пожалуйста, дайте решение ...