给客户建完美网站,做彩票网站的方案,建筑公司注册,小说网站开发思路场景, 封装组件的时候, 想通过外部传进去一个路由地址, 再用Link to{}跳转, 显示这个,
有四种方法解决
第一种 合并运算符 ??
?? 是 空值合并运算符#xff08;Nullish Coalescing Operator#xff09;#xff0c;它是 JavaScript 和 TypeScript 中的一种逻辑…场景, 封装组件的时候, 想通过外部传进去一个路由地址, 再用Link to{}跳转, 显示这个,
有四种方法解决
第一种 合并运算符 ??
?? 是 空值合并运算符Nullish Coalescing Operator它是 JavaScript 和 TypeScript 中的一种逻辑运算符通常用于处理 null 或 undefined 的情况。
a ?? b解释
如果 a 不是 null 或 undefined那么 a ?? b 会返回 a 的值。如果 a 是 null 或 undefined那么 a ?? b 会返回 b 的值。 div classNameright{/* 第一种 */}Link to{props.moreTextHref ?? }{props.moreText}/Link /div
第二种
使用条件渲染 {props.moreTextHref (Link to{props.moreTextHref}{props.moreText}/Link)}
第三种
类型断言来明确告诉 TypeScript props.moreTextHref 不会是 undefined。 Link to{props.moreTextHref as string}{props.moreText}/Link
第四种
强制传递的就是字符串
interface IProps {children?: ReactNode;title?: string;keywords?: string[];moreText?: string;// 把问号去掉moreTextHref: string;
}
