Html 在我的getStepContent方法中显示一个文本框

我是新的反应，我试图学习使用材料界面反应。我试图在getStepContent方法中显示一个文本框。对于每个stepper，我需要开发不同的ui，所以我给出了内部getStepContent方法。但问题是它显示为html，我没有看到任何错误。你能告诉我怎么修吗。在下面提供我的代码

函数getStepContent（步骤）{ 开关（步骤）{ 案例0： 返回` 对于您创建的每个广告活动，您可以控制数量 你愿意花费在点击和转换上，哪些是网络 以及您希望广告显示的地理位置，等等； 案例1： return“一个广告组包含一个或多个针对一组共享关键字的广告。”； 案例2： return`尝试不同的广告文字，看看是什么吸引了最多的客户， 并了解如何使用广告扩展等功能增强您的广告。 如果你的广告遇到任何问题，找出如何判断 他们正在运行以及如何解决批准问题； 违约： 返回“未知步骤”； } }

---

您正在返回一个字符串。您要做的是返回JSX。但是，在返回值中使用类和状态时，还需要传递它们

简言之，您可以这样做，而不是将所有内容都包装在backticks中

函数getStepContent（步骤）{ 开关（步骤）{ 案例0： 返回( 步骤0 ); 案例1： 返回( 第一步 ); 案例2： 返回( 步骤2 ); 违约： 返回( 未知步骤 ); }

---

}缺少括号：return（） 您试图返回一个字符串而不是JSX

此外，在HTML和React中使用文本框时，希望文本由文本框标记括起

<TextField>sample text</TextField>

希望这有帮助

语法指南 当您想使用关键字时，请选择此：

DO:

class Example {
  example_function() {
    this.state ....
  }
}

class Example {
  constructor(props) {
    this.state = {
      name: 'initialize'
      age: 0 // initialize
      friends: [] // initialize
    }
  }
  example_function() {
    console.log(this.state.name) // will not crash because it is initialized
  }
}

不要

function example_function() {
  this.state ... // ERROR
}
class Example {...}

class Example {
  constructor(props) {
    this.state = {
      age: 0 // initialize
      friends: [] // initialize
    }
  }
  example_function() {
    console.log(this.state.name) // CRASH because attribute name does not exist!!!
  }
}

当您不想面对NULL指针异常时：

DO:

class Example {
  example_function() {
    this.state ....
  }
}

class Example {
  constructor(props) {
    this.state = {
      name: 'initialize'
      age: 0 // initialize
      friends: [] // initialize
    }
  }
  example_function() {
    console.log(this.state.name) // will not crash because it is initialized
  }
}

不要

function example_function() {
  this.state ... // ERROR
}
class Example {...}

class Example {
  constructor(props) {
    this.state = {
      age: 0 // initialize
      friends: [] // initialize
    }
  }
  example_function() {
    console.log(this.state.name) // CRASH because attribute name does not exist!!!
  }
}

---

虽然项目符号列表在某些方面很好，但它们不应该被用作问题。这样读问题更难。@Sølvetraveøe嘿，我更新了你能帮我吗？我从未使用过react，但真正快速的谷歌搜索可能会指向

，我在沙箱中更新了，但仍然不起作用…我面临其他错误，你能在这里更新吗？问题似乎是你的州代码。您多次调用this.state.name或其他属性；但是，在您的状态中，您从不初始化“name”。另外，如果您将函数放在类中，这样您就可以调用“this”组件，这是更好的做法。或者它可能是未定义的或崩溃的；但是我会创建一个语法指南，你可以按照上面的答案来做。嘿，你也能帮我做这个吗嘿，你也能帮我做这个吗