代码之家 › 专栏 › 技术社区 › stone rock

如何在blaze中使用react组件?

meteor-blaze reactjs

stone rock · 技术社区 · 7 年前

我做了一个 Header 组件。现在我想在blaze模板中添加header组件,但是在blaze模板中添加之后,我的web页面上看不到任何更改。

代码:

页眉.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>

上面的代码不起作用为什么?我没有任何错误。我需要添加任何返回 标题 反应成分?

1 回复 | 直到 7 年前

theJuls 7 年前

如文件所述,@tholle linked to you

你需要有一个 header.js 要使用的文件 header.html 是的。这将包含helper,您需要它才能在blaze模板中呈现组件。

该文件应与 header.html标题 应该是这样的:

import { Template } from 'meteor/templating';

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

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

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

6 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

6 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

6 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

6 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

6 月前

noblerare · Vite错误-未定义导出(SSR)

6 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

6 月前