Css 警告：ValidatedMonitoring（…）：<；部门>；不能显示为<；的后代；p>；

我知道问题是什么。但我找不到解决办法。段落不能包含任何其他标记。但在我的例子中，我没有使用任何段落标记

return (
  <div className={classes.root}>
    <Stepper activeStep={activeStep} alternativeLabel>
      {steps.map(label => {
        return (
          <Step key={label}>
            <StepLabel>{label}</StepLabel>
          </Step>
        );
      })}
    </Stepper>
    <div>
      {this.state.activeStep === steps.length ? (
        <div>
          <div>All steps completed</div>
          <Button onClick={this.handleReset}>Reset</Button>
        </div>
      ) : (
        <div>
          <div>{getStepContent(activeStep)}</div>
          <div>
            <Button
              disabled={activeStep === 0}
              onClick={this.handleBack}
              className={classes.backButton}
            >
              Back
            </Button>
            <Button variant="contained" color="primary" onClick={this.handleNext}>
              {activeStep === steps.length - 1 ? 'Finish' : 'Next'}
            </Button>
          </div>
        </div>
      )}
    </div>
  </div>
);

返回(
{steps.map（标签=>{
返回(
{label}
);
})}
{this.state.activeStep==steps.length(
所有步骤都已完成
重置
) : (
{getStepContent（activeStep）}
返回
{activeStep===steps.length-1？'Finish'：'Next'}
)}
);

} }

我的getStep方法。。它看起来像是返回一个段落。但它应该返回react的一个组件

    function getStepContent(stepIndex) {
  switch (stepIndex) {
    case 0:
      return <FormPart1 setFormPart1Value={getValueFormPart1.bind(this)} className={{
          alignContent:'center'
      }
      } />;
    case 1:
      return <FormPart2 />;
    case 2:
      return <PerformanceTable />;
    case 3:
        return <WorkHabitTable />;
    case 4:
        return <OtherDetails />;
    case 5:
        return <PerformanceOverall />;
    default:
      return 'Uknown stepIndex';
  }

函数getStepContent（stepIndex）{ 开关（步进索引）{ 案例0： 返回； 案例1： 返回； 案例2： 返回； 案例3： 返回； 案例4： 返回； 案例5： 返回； 违约： 返回'Uknown stepIndex'； }

---

此代码直接取自Material UI。因此，有人建议我解决浏览器中出现错误的问题。

警告消息指出，不能在p标记内使用div标记，如：

<p>
 <div>some text</div>
</p>

一些文本

这是无效的html。

p

标记不能包含块级元素

因此，您的一个组件正在使用这样的标记。您需要修复它。（只需将p标记替换为div标记）

---

---

或者，库本身可能使用了这样的功能？您可以自己修复，也可以通过提交问题等待修复。

警告消息指出，您不能在p标记内使用div标记，如：

<p>
 <div>some text</div>
</p>

一些文本

这是无效的html。

p

标记不能包含块级元素

因此，您的一个组件正在使用这样的标记。您需要修复它。（只需将p标记替换为div标记）

---

---

或者，库本身可能使用了这样的功能？您可以自己修复，也可以通过提交问题等待修复。

您可以始终在

中包装材料UI按钮

这对我很有帮助

---

您可以始终将材质UI按钮包装在

中

这对我很有帮助

---

我真的不懂第一部分。你能说清楚一点吗？谢谢。我刚刚更新了它。当然，我真的不懂第一部分。你能说清楚一点吗？谢谢。我刚刚更新了它。当然，如果他们在某处使用或提交错误报告，请检查库本身。谢谢。我在内部组件。那个y。现在它工作正常。很高兴，你抓到了。检查库本身是否正在使用某个地方或提交错误报告。谢谢。我在内部组件中使用了p标记。那个y。现在它工作正常。很高兴，你抓到了。请直接将代码片段粘贴到post中，而不是图像。请直接将代码片段粘贴到post中，而不是图像形象。