Reactjs 在react中使用材质UI时获得一条额外的绿线

我在react应用程序中使用Material UI，我只是从文档中复制输入字段代码，一切正常，但还有一条蓝线。请告诉我如何去掉那条线

<div className={classes.margin}>
        <Grid container spacing={1} alignItems="flex-end">
          <Grid item>
            <AccountCircle />
          </Grid>
          <Grid item>
            <TextField id="input-with-icon-grid" label="With a grid" />
          </Grid>
        </Grid>
      </div>

用这个！
发生这种情况的原因是将材质UI导入为普通HTML导入（使用脚本标记）。它与作为节点包的npm安装相冲突。因此，其中两种样式和js操作将应用于这两行。下面的代码将禁止HTML脚本将样式的下划线导入组件

 <TextField... InputProps={{ disableUnderline: true, }} />


用这个！
发生这种情况的原因是将材质UI导入为普通HTML导入（使用脚本标记）。它与作为节点包的npm安装相冲突。因此，其中两种样式和js操作将应用于这两行。下面的代码将禁止HTML脚本将样式的下划线导入组件

 <TextField... InputProps={{ disableUnderline: true, }} />


请提供一个复制这种行为的方法。@RyanCogswell他清楚地解释了issue@ThilinaDinithFonseka我不同意。图中显示了两条线（一条绿色，一条蓝色）。TextField只占这些行中的一行，并且不清楚第二行的来源是什么。我的猜测是，文本字段下划线是可取的，而另一行（来源不明）不是。它很清楚，理论上你是正确的。但实际上，它有两条线。这两个都是从材料界面。请检查下面的答案，我给了解决这个问题。此问题已正确发布。这完全是在没有任何自定义css或样式的情况下发生的。仅使用材料界面。请提供一个复制此行为的界面。@RyanCogswell他清楚地解释了issue@ThilinaDinithFonseka我不同意。图中显示了两条线（一条绿色，一条蓝色）。TextField只占这些行中的一行，并且不清楚第二行的来源是什么。我的猜测是，文本字段下划线是可取的，而另一行（来源不明）不是。它很清楚，理论上你是正确的。但实际上，它有两条线。这两个都是从材料界面。请检查下面的答案，我给了解决这个问题。此问题已正确发布。这完全是在没有任何自定义css或样式的情况下发生的。仅使用材料UI。你应该提供一些我认为可能不是100%正确的解释性内容。你应该提供一些我认为可能不是100%正确的解释性内容。