Javascript FCC降价预览器项目未能通过负载测试_Javascript_Reactjs_React Redux_React Hooks_Javascript Marked

Javascript FCC降价预览器项目未能通过负载测试

javascript reactjs

Javascript FCC降价预览器项目未能通过负载测试,javascript,reactjs,react-redux,react-hooks,javascript-marked,Javascript,Reactjs,React Redux,React Hooks,Javascript Marked,我想通过一个Freecodecamp项目。该项目是一个降价预览器，您可以在文本区域中输入代码，并将其呈现在网页上。除了两次外，我所有的考试都通过了。它应该在加载时预览文本，但它会重新加载，我不知道为什么。有人能看一下并告诉我我做错了什么吗。我将有一个链接到我的代码笔。我有两个解决方案没有通过相同的测试。一个带有react钩子，另一个带有类组件。我正在为html解析器使用marked。谢谢我几乎确信它与textarea组件有关，因为这是失败的测试之一，但我可以发现它有任何错误这是文本编辑器组件

我想通过一个Freecodecamp项目。该项目是一个降价预览器，您可以在文本区域中输入代码，并将其呈现在网页上。除了两次外，我所有的考试都通过了。它应该在加载时预览文本，但它会重新加载，我不知道为什么。有人能看一下并告诉我我做错了什么吗。我将有一个链接到我的代码笔。我有两个解决方案没有通过相同的测试。一个带有react钩子，另一个带有类组件。我正在为html解析器使用marked。谢谢

我几乎确信它与textarea组件有关，因为这是失败的测试之一，但我可以发现它有任何错误

这是文本编辑器组件：

const Editor = ({ text, setText }) => {
  return (
    <>
      <textarea id='editor' value={ text } onChange={ (e) => setText(e.target.value) } />
    </>
  );
};

您的

占位符中有html
，而不是markdown
。您可以尝试使用类似这样的内容作为您的占位符
，它应该可以工作

const placeholder = `
# Sample Markdown Header Level

## Sample Header Level 2

### Link

Here's a link to [Codepen](https://codepen.io).

### Code Block

1.  Open the file.
2.  Find the following code block on line 21:

        <html>
          <head>
            <title>Test</title>
          </head>

3.  Update the title to match the name of your website.

### Inline Code

I think you should use an \`<addr>\` element here instead.

### List

- First item
- Second item

### Blockquote

> Dorothy followed her through many of the beautiful rooms in her castle.

### Image

![Markdown Logo](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png "Markdown Logo")

### Bold Text

I just love **bold text**.
`;


常量占位符=`
#减价标题级别示例
##样本标题级别2
###链接
这里有一个指向[代码笔]的链接(https://codepen.io).
###代码块
1.打开文件。
2.在第21行找到以下代码块：
试验
3.更新标题以匹配网站名称。
###内联代码
我认为您应该在这里使用\``元素。
###名单
-第一项
-第二项
###大宗报价
>多萝西跟着她穿过城堡里许多漂亮的房间。
###形象
![减价标志](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png “降价标志”）
###粗体文本
我只是喜欢**粗体文本**。
`;
您的占位符中有html
，而不是markdown
。您可以尝试使用类似这样的内容作为您的占位符
，它应该可以工作

const placeholder = `
# Sample Markdown Header Level

## Sample Header Level 2

### Link

Here's a link to [Codepen](https://codepen.io).

### Code Block

1.  Open the file.
2.  Find the following code block on line 21:

        <html>
          <head>
            <title>Test</title>
          </head>

3.  Update the title to match the name of your website.

### Inline Code

I think you should use an \`<addr>\` element here instead.

### List

- First item
- Second item

### Blockquote

> Dorothy followed her through many of the beautiful rooms in her castle.

### Image

![Markdown Logo](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png "Markdown Logo")

### Bold Text

I just love **bold text**.
`;


常量占位符=`
#减价标题级别示例
##样本标题级别2
###链接
这里有一个指向[代码笔]的链接(https://codepen.io).
###代码块
1.打开文件。
2.在第21行找到以下代码块：
试验
3.更新标题以匹配网站名称。
###内联代码
我认为您应该在这里使用\``元素。
###名单
-第一项
-第二项
###大宗报价
>多萝西跟着她穿过城堡里许多漂亮的房间。
###形象
![减价标志](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png “降价标志”）
###粗体文本
我只是喜欢**粗体文本**。
`;