我有一个功能齐全的网站，但头部部分不检索特定页面<title>和<meta description>.
例如，如果我在“关于”页面上，标题标签为“关于我”，我希望在标签中呈现“关于我” <title>。我基本上需要的是在我的 Head 组件中加载 props、vars 或类似的东西，其中包含实际的标题和描述。我已经阅读了官方文档中的一些示例，但没有使用动态数据更新头部的示例。
这是我的组件的当前代码：
import React from 'react';
import NextHead from 'next/head';
const Head = ({ title, description }) => (
<NextHead>
<meta charSet="UTF-8" />
<title>My Website{title}</title>
<meta name="description" content={description || ''} />
<meta name="viewport" content="width=device-width, initial-scale=1" key="viewport" />
</NextHead>
);
我为帖子和页面创建了一个 Layout.js 组件。我<Head>前面介绍的都是在布局组件中导入的。
import React from 'react';
import Head from '../components/Head';
export default ({ children, as, settings = {}, title="default text" }) => (
<main>
<Head>
<title>{title}</title> …我希望能够过滤数组中的多个字符串(类型).例如,我想在下面的数据结构中过滤类型肉和类型水果.我想要实现的是过滤后的数据对象.
const data = [{type: "meat", food: "hamburger"}, {type:"fruit", food:"banana"}, {type:"fish", food: "red snapper"}, {type:"vegetables", food:"fungi"}]
let filter1 = 'meat'
let filter2 = 'fruit'
const filteredData = data.filter( post => post.type.includes(filter1, filter2) ? post:'');
// My expected result after filtering: [{type: "meat", food: "hamburger"}, {type:"fruit", food:"banana"}]
不幸的是,它返回了4个结果而不是上面预期的2个结果.
我知道如何在像_underscore.js这样的库中处理它,但我想在现代的EcmaScript中实现它.