Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何连接两个字符串并在Next.js中的React JSX中搜索它们?以及如何使文件(MDX JS)内容可搜索?_Javascript_Reactjs_Concatenation_Next.js_Mdxjs - Fatal编程技术网

Javascript 如何连接两个字符串并在Next.js中的React JSX中搜索它们?以及如何使文件(MDX JS)内容可搜索?

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)

我有以下功能,我试图在“标题”和“摘要”中搜索搜索栏中输入的内容。但是,这会引发一个错误,即此处不允许使用“const”

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)