Question

我认为这很简单，答案可能是，我只是遗漏了一些东西，但是根据我所在的页面更新标题/布局组件时遇到了问题。

代码方面，我刚安装了ASP.NET Core 2.0 template that uses React with Redux。我对React很熟悉，但TypeScript和Redux对我来说是新手，所以我希望有一个语法/布局问题，因为我可以在一个独立的React项目中做到这一点。如果您在此模板后面的Visual Studio中创建一个新项目，您将看到我正在尝试修改的代码（新建＆gt;项目＆gt; ASP.NET核心Web应用程序＆gt; React.js和Redux）。

TypeScript布局文件（ClientApp/components/Layout.tsx）是我想要放置的地方：

<h1>{ this.state.title }</h1>

...并且从此处继续使用Header标签来加载包含标题的Header组件。

我想根据我是在Home，FetchData还是Counter页面上更改标题，我想这只是每个组件文件上设置的基本字符串。

如果由于某种原因无法打开项目文件，这是我正在使用的布局：

布局组件（应在此处设置标题）

import * as React from 'react';
import { NavMenu } from './NavMenu';

export interface HeaderState {
    title: string;
}

export class Layout extends React.Component<{}, {}> {
    public render() {
        return <div className='container-fluid'>
            // !!!!---> Create a <Header /> component that includes the page title, set on a page by page basis
            <div className='row'>
                <div className='col-sm-3'>
                    <NavMenu />
                </div>
                <div className='col-sm-9'>
                    { this.props.children }
                </div>
            </div>
        </div>;
    }
}

我可能会为那些无法使用Visual Studio项目的人提供更多的组件代码，但是这里有很多不适用的代码。我只是觉得有人可以帮助而不需要它，但很高兴在必要时提供！

非常感谢任何正确方向的帮助或指示！如果这个问题和答案在某处，请道歉。我用Google搜索并搜索了但没有运气。

如何使用.NET Core修改基于react组件的页面标题与redux项目做出反应？

0 个答案: