Javascript 如何连接两个字符串并在Next.js中的React JSX中搜索它们?以及如何使文件(MDX JS)内容可搜索?
我有以下功能,我试图在“标题”和“摘要”中搜索搜索栏中输入的内容。但是,这会引发一个错误,即此处不允许使用“const”Javascript 如何连接两个字符串并在Next.js中的React JSX中搜索它们?以及如何使文件(MDX JS)内容可搜索?,javascript,reactjs,concatenation,next.js,mdxjs,Javascript,Reactjs,Concatenation,Next.js,Mdxjs,我有以下功能,我试图在“标题”和“摘要”中搜索搜索栏中输入的内容。但是,这会引发一个错误,即此处不允许使用“const” import { frontMatter as blogs1 } from './blog/*.mdx'; const filteredBlogPosts = blogs1 .sort( (a, b) => Number(new Date(b.publishedAt)) - Number(new Date(a.publishedAt)
import { frontMatter as blogs1 } from './blog/*.mdx';
const filteredBlogPosts = blogs1
.sort(
(a, b) =>
Number(new Date(b.publishedAt)) - Number(new Date(a.publishedAt))
)
.filter((frontMatter) =>
const concat = frontMatter.summary + frontMatter.title, #Error. How to search for both title and summary for entered search value?
concat.toLowerCase().includes(searchValue.toLowerCase()),
);
导入的blogs1包含如下内容-如何使MDX文件的内容部分也可搜索?至少有了标题和摘要,我有一个键值对。但如何使这个MDX文件内容中的文本(在下面的例子中是“目录”之后的任何内容)也可以搜索
---
title: 'abc def ghi'
publishedAt: '2020-09-06'
summary: "xyz mnk."
image: '/static/images/chapter18/1.png'
---
## Table of Contents
1. [Introduction](#introduction)
2. [Alphabet and xyz](#comparing-alphabet-and-xyz)
3. [ABC](#abc)
# Introduction
This is an attempt at something.<br/>
![Test](/static/images/chapter18/2.png)<br/>
---
标题:“abc def ghi”
发布日期:2020-09-06
总结:“xyz mnk。”
图像:'/static/images/chapter18/1.png'
---
##目录
1.[导言](#导言)
2.[字母表和xyz](#比较字母表和xyz)
3.[ABC](#ABC)
#导言
这是一种尝试。
![测试](/static/images/chapter18/2.png)