无法在reactjs中的输入元素内添加链接和标签

我需要在reactjs组件的输入元素中添加一个链接和标签。以下是我所拥有的：

render() {
  return(
    <div className="login-panel-page">
      <input type="password" id="password"
             name="password" value="" placeholder="Password" maxLength="255" autoCapitalize="off">
        <label htmlFor="password">Password</label>
        <a>Show password</a>
      </input>
    </div>
  )
}

---

有人能帮我怎么做到吗？

如果你不能生孩子，你可以这样做

参考：

render（）{
返回(
暗语
)

React正在帮助您避免编写无效标记。

Input

tag不能有子项。以下是如何使用Input和label的指南-@hamed minaee，您是否查看了以下链接：@salman.zare是的，但是标签将在input@salman.zare我认为唯一的办法就是通过css

bundle.js:9179 Uncaught 
Error: input is a void element tag 
and must neitherhave `children` nor use `dangerouslySetInnerHTML`. 
Check the render method of Login.

 render() {
    return (
    <div className="login-panel-page">
                    <input type="password" id="password" name="password" value="" placeholder="Password" maxLength="255" autoCapitalize="off"/>
                    <label htmlFor="password">Password</label>
                    <a href="#">Show password</a>

    </div>
    )