小编ime*_*esh的帖子

我在React应用程序中使用Material UI并尝试实现一个实体更新页面。在这种情况下，我们需要设置实体的退出值，以允许用户更新它们。现有值已使用输入字段的defaultValue属性设置：

<div className="input-field">
   <input type="text" name="name" ref="name" defaultValue={this.state.name} />
   <label htmlFor="name" >Name</label>
</div>

通过这种方法，预期的功能可以正常工作。但是，所有文本字段的标签都与其值重叠。请看下面的截图：

如果单击每个字段，标签将按预期方式向上移动。但是，在页面加载时，标签不会向上移动。我尝试将输入字段的value属性与onChange（）事件处理程序一起使用，但遇到了相同的问题。真的，感谢您对此的想法。

可以在以下位置找到此应用程序的完整源代码：https : //github.com/imesh/react-examples/tree/master/meetups/meetups-web-client

可以在以下位置找到此特定页面：https : //github.com/imesh/react-examples/blob/master/meetups/meetups-web-client/src/components/UpdateMeetup.js

Github问题：https : //github.com/Dogfalo/materialize/issues/5995

场景： 我有一个 Google Compute Engine 实例，它通过 HTTP 端口 80 公开一个 Web 应用程序，我可以使用外部 IP 地址直接访问它。

然后，我添加了一个带有健康检查的 HTTP 负载均衡器，之后，我可以通过负载均衡器访问 Web 应用程序，没有任何问题。

现在，如果我删除计算实例的外部 IP 地址，负载均衡器的运行状况检查开始失败。我阅读了 [1] 并添加了一个防火墙规则，以允许来自 130.211.0.0/22 和 35.191.0.0/16 范围内的地址的健康检查探测，但健康检查仍然失败。

如果我将外部 IP 地址添加回计算实例，运行状况检查将变为活动状态。我在这里需要的是删除计算实例的公共 IP 地址，只将负载均衡器 IP 地址公开给 Internet。

问题： 是否必须在 Google Cloud Compute Engine 实例上拥有外部 IP 地址才能通过 Google Cloud HTTP 负载平衡器路由流量？如果没有，我是否可以知道如何使用 HTTP 负载均衡器将 HTTP 流量路由到计算实例，而无需计算实例上的外部 IP 地址？感谢您对此的想法。

[1] https://cloud.google.com/compute/docs/load-balancing/health-checks