Reactjs 如何将React引导与Typescript一起使用?
我已经开始在我的项目中使用Typescript,接下来是React引导和以下代码:Reactjs 如何将React引导与Typescript一起使用?,reactjs,typescript,twitter-bootstrap,bootstrap-4,react-bootstrap,Reactjs,Typescript,Twitter Bootstrap,Bootstrap 4,React Bootstrap,我已经开始在我的项目中使用Typescript,接下来是React引导和以下代码: const renderSearchAddressButton = (): JSX.Element => { return ( <div className="search-address-button"> <Button variant="myownvariant" onClick={onClickSearchAddressButton}>
const renderSearchAddressButton = (): JSX.Element => {
return (
<div className="search-address-button">
<Button variant="myownvariant" onClick={onClickSearchAddressButton}>
{t('search-address-button')}
</Button>
</div>
);
};
这些类型来自@types/react引导,但它们似乎与官方的react引导不一致,因为它们没有为您自己的变体留下任何空间
因此,问题是,我如何才能摆脱这个错误?还有其他类型更好的包装吗?我曾想过自己修改类型,但每次我更新我的库时,我想它都会被覆盖
提前向您表示感谢和问候。React引导程序的按钮
variant
参数仅支持上述值。不允许使用自定义值,如myownvariant
。因此,在@types/react引导中键入的内容是正确的
可以使用bsPrefix
参数覆盖现有样式
<Button bsPrefix="myownvariant">Text<Button/>
文本
谢谢尼古拉。我使用了bsPrefix而不是variant,但它不起作用。如果我使用bsPrefix,按钮没有我的变体样式。@JavierGuzman,如果您使用bsPrefix
,它将添加您指定的自定义类。对于这个CSS类,您可以添加样式。共享您的代码、CSS以及它在浏览器中以HTML格式呈现的方式。很抱歉延迟。最后,包含了最新的React引导类型。尽管如此,它仍然不起作用,但我自己重新定义了按钮,因为我不确定bsPrefix是否是一条干净的前进道路。显然地在官方的Github上有关于如何在类型上允许更大的灵活性的讨论。
<Button bsPrefix="myownvariant">Text<Button/>