Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何将React引导与Typescript一起使用?_Reactjs_Typescript_Twitter Bootstrap_Bootstrap 4_React Bootstrap - Fatal编程技术网

Reactjs 如何将React引导与Typescript一起使用?

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}>

我已经开始在我的项目中使用Typescript,接下来是React引导和以下代码:

 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/>