Question

我制作了一个Header组件。现在，我想在blaze模板中添加标头组件，但是在blaze模板中添加标头组件后，我的网页上看不到任何更改。

代码：

Header.jsx：

import React from 'react';

const Header = () => {

    return(
        <div>
        <div>
                <h2>Hello World. I am header component</h2>
        </div>

        </div>

    )
}

export default Header;

header.html：

<template name="LeagueHeader">
{{#if isCordova}}
  {{> HeaderMobile }}
{{else}}
    <div>
        {{> React component=Header }}
    </div>
{{/if}}
</template>

以上代码不起作用，为什么呢？我没有任何错误。我是否需要添加任何返回Header react component的辅助函数？

Answer 1

如文档所述，@Tholle linked to you

您确实需要将header.js与header.html一起使用。其中将包含帮助程序，以便在Blaze模板中呈现组件。

文件应与header.html位于同一文件夹中，并且应如下所示：

import { Template } from 'meteor/templating';

import './header.html';
import Header from './Header.jsx';

Template.LeagueHeader.helpers({
  header() {
    return Header;
  }
})

如何在烈火中使用React组件？

1 个答案: