Как использовать jquery (append) и jsx (react)?

Question

[Ксюша]

Есть вот такой код:

import Chat from './Chat';
import $ from "jquery";

.......

function1{
      var div = '<div id="div1">' +
                        '</div>' +

}

Comments

[alex]

'<div id="div1">' +
                        '</div>' + 
                       '<Chat ' +
                        '/>';

на что вы вообще рассчитывали?

[Ксюша]

Alex: я не говорю, что мой вариант верный. Я новичок в этом в этом и могу ошибаться. Как по вашему надо было правильно сделать?

[alvvi]

Ксюша: а зачем вам вообще это делать? Я уверен, что какая бы задача перед вами не стояла, вы подходите к ее решению не с той стороны.

[alex]

Ксюша:

надо было правильно сделать

ну для начала jquery убрать отсюда, если вам по каким-то причинам нужно использовать jquery, то Артём Петренков предложил нормально решение, только - function1() { - не правильная запись: перед именем функции должен быть пробел, имя функции не должно начинаться с цифры

Answer 1

[Сергей Савельев]

const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));

Пример взят отсюда