Reactjs 绑定元素'；字符串'；隐式具有'；任何'；类型

我有这样的代码：

function Child( { name: string } ) {
  return (
    <div>
      {name ? (
        <h3>
          The <code>name</code> in the query string is &quot;{name}
          &quot;
        </h3>
      ) : (
        <h3>There is no name in the query string</h3>
      )}
    </div>
  );
}

我得到：

我试着用很多方法传递name

name

literal，但是TypeScript总是抱怨，你知道如何制作快乐的TypeScript吗

代码取自：

函数子级（名称：{name:String}）{。。。
///^这不是键入道具，
///它输入了第一个名为name的参数

要正确输入React道具，你必须这样做

函数子（{name}:{name:string}）{。。。

您可能还希望使用类型

string

而不是包装器

string

，因为它们不是一回事。如果可能，建议使用

string

。有关详细信息，请查看此项

此外，根据错误，

query.get（“name”）

函数正在返回一个可为空的

字符串。您可能希望在使用它之前强制转换它，以确保它不是空的

<Child name={query.get("name") as string} />


您的组件要求
名称
类型为
字符串
，但您传递的值类型为
字符串| null
。或者您也可以通过添加感叹号将其转换为如下字符串：
查询。获取（“名称”）！
。请参阅