Разница между рендерингом jsxVarible и jsxComp onet in Reactjs - PullRequest
Новая
       40

Разница между рендерингом jsxVarible и jsxComp onet in Reactjs

0 голосов
/ 24 апреля 2020

Вот мой jsxVarable, имеющий jsx-код 

let JsxVarible = (
    <div>
    <h1>Hello this is from Jsx</h1>
    </div>
)

ReactDOM.render(JsxVarible, document.getElementById("app"));

EveryThing работает отлично 

let JsxComponent = () =>(
    <div>
    <h1>We are rendering the JsxComponent</h1>
    </div>
)



ReactDOM.render(<JsxComponent />, document.getElementById("app"));

То же самое я сделал, используя рендеринг Jsx Component

1) Почему я должен использовать jsxcomponent, когда я могу переопределить данные переменной jsx

2) Я вижу, что если я использую jsxvarable, я не могу пропустить реквизиты, кроме того, есть ли какое-то преимущество?

3) Я попытался в Bable для создания переменной и функционального компонента 

var a = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "Hello"));

var b = function b() {
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "world"));
};

4) Как вызывается функция внутри ReactDom.render() метода (рендеринг как компонент означает вызов функции? Что это с классом на основе компонентов)

1 Ответ

0 голосов
/ 24 апреля 2020

  1. Метод ReactDOM.render () ожидает отображаемый элемент в первом параметре, поэтому вы можете передать этот элемент по компонентам класса, функциональным компонентам, переменным или вы можете написать туда jsx.

  2. Компонент Router ожидает класс или функциональный компонент в качестве пропеллера компонента.

...