Я создал компонент Header. Я использую этот компонент реакции Header с meteor-blaze, но в консоли появляется сообщение об отсутствии компонента аргумента реакции. Я имею в виду эти документы -> https://guide.meteor.com/react.html#blaze-in-react
league_header.html:
<template name = "LeagueHeader">
{{#if isCordova}}
{{> HeaderMobile }}
{{else}}
<div>
{{> React component=Header }}
</div>
{{/if}}
</template>
headerhelper.js:
import { Template } from 'meteor/templating';
import './league_header.html';
import Header from '../../../imports/Header.jsx';
Template.LeagueHeader.helpers({
HeaderHelper() {
return Header;
}
})
Header.jsx:
import React, { Component } from 'react';
class Header extends Component {
render() {
console.info('Hello Component');
return (
<div>
<h2>Hello World</h2>
</div>
);
}
}
export default Header;
Ошибка:
Error: In template "LeagueHeader", call to `{{> React ... }}` missing `component` argument.
at Blaze.View.<anonymous> (react-template-helper.js:23)
at blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:1934
at Function.Template._withTemplateInstanceFunc (blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:3744)
at blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:1932
at Object.Blaze._withCurrentView (blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:2271)
at viewAutorun (blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:1931)
at Tracker.Computation._compute (tracker.js?hash=997515fa2d5b0530ba07741da556c4b36963ef3b:339)
at new Tracker.Computation (tracker.js?hash=997515fa2d5b0530ba07741da556c4b36963ef3b:229)
at Object.Tracker.autorun (tracker.js?hash=997515fa2d5b0530ba07741da556c4b36963ef3b:613)
at Blaze.View.autorun (blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:1944)
В файле headerhelper.js выполните console.info(Header) перед оператором return и дайте мне знать, каков будет результат.
@Jankapunkt Проверить отредактированный вопрос
@theJuls В консоли ничего не отображается, кроме ошибки.
Ваш помощник должен быть переименован в Header вместо HeaderHelper, или вы переименуете свой параметр в HeaderHelper
@Jankapunkt Я не могу понять? Напишите ответ, пожалуйста :)
@ Смотри ответ captainZi
@Jankapunkt Не работает chck this -> imgur.com/a/w8nNDRX
вы добавили этот пакет: meteor add react-template-helper? и попробуйте изменить: `` Template.LeagueHeader.helpers ({HeaderHelper () {return Header;}}) `` на `` Template.LeagueHeader.helpers ({Header () {return Header;}}) ` ``
или попробуйте поменять: {{> React component=Header }} на {{> React component=HeaderHelper }}
@MinhNguyen Мне нужен import react-template-helper? Если да, то в каком файле?
@MinhNguyen Я загрузил react-template-helper, что мне делать дальше? Нужно ли мне импортировать что-нибудь в мой шаблон или реагировать компонент.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы используете неправильное имя помощника Попробуйте заменить на это вызов компонента.
{{> React component=HeaderHelper}}
Я воспроизвел это, и это работает. Поэтому я предполагаю, что Header.jsx не импортирован (неправильный путь?). Пожалуйста, console.info (заголовок) в HeaderHelper перед возвратом.
Пожалуйста, добавьте вывод ошибки в виде кода вместо изображения.