SolidJS的<Show>标签与打字稿的使用

Question

我在SolidJS组件中有以下代码

<Show when={props.hint}>
   <HintText>{props.hint}</HintText>
</Show>

但是，它的工作原理与预期一样，但是类型记录不断地说，props.hint也可能是未定义的，而不是字符串。

我看了https://www.solidjs.com/guides/typescript的医生，试着用“砰！”运算符(AKA非空断言操作符)，尝试使用块内的一个函数，但类型记录一直在抱怨。

*图片以供参考：

​

​

有什么更好的方法吗？

Answer 1

你定义了道具参数是什么样子的吗？如果没有，那可能就是问题所在了。下面是一个例子，说明它是什么样子的：

const Hint: Component<{hint: string}> = (props) => {
  return (
    <Show when={props.hint}>
      <p>{props.hint}</p>
    </Show>
  )
}