Question

我想在render部分注释一些HTML和表达式。下面是代码。

  /*  <header className="App-header">
      <img src={logo} className="App-logo" alt="logo" />
      <h1 className="App-title">Welcome to React</h1>
      </header>
    */

但是它在浏览器中给出了以下错误。

    ./src/App.js
  Line 49:  'logo' is not defined  no-undef

Search for the keywords to learn more about each error.

谁能告诉我为什么从注释部分执行表达式。

Answer 1

在React中注释多行语句的正确方法。

用花括号括起来。

{/* <header className="App-header">
      <img src={logo} className="App-logo" alt="logo" />
      <h1 className="App-title">Welcome to React</h1>
      </header> */}

Answer 2

这可能是因为未定义徽标（意味着未声明）或未在任何地方导入徽标。

我假设您有一个，

const logo = <img src='./sample-dir/sample.jpg'/>

或

import logo from './sample-dir/sample.js'

App.js中的某个地方？如果不是，那可能是原因。

此外，对于多行注释，请使用：

{/*
    content here.
*/}

reactjs渲染注释无法正常工作

2 个答案: