Как использовать модуль узла в Kotlin React?

Question

Я пытаюсь использовать библиотеку начальной загрузки. Для этого я сначала подумал, что нужно сделать то же, что и в учебнике по Kotlin React: мне удалось легко импортировать библиотеку начальной загрузки с помощью npm import, но затем я изо всех сил пытаюсь использовать ее и, в частности, добавлять аргументы. Как показано в примере:

      @file:JsModule("react-bootstrap")
@file:JsNonModule

 import react.*

@JsName("Button")
external val ReactButton: ComponentClass<ReactButtonProps>

external interface ReactButtonProps : Props {
   var variant: String
   var size: String
}

Что действительно создает кнопку при использовании:

      ReactButton {
  variant="primary"
  size = "lg"
  +"Exemple"
}

Но цвет и размер не меняются, какие бы аргументы я ни приводил. Затем я попытался продолжить, как в другой теме на Stack Overflow: как импортировать модуль узла в React-Kotlin?Но я не понимаю, что такое RProps и RClass, и я не могу их использовать. Моя цель — использовать раскрывающийся список из Bootstrap, но я подумал, что сначала попробовать с кнопкой было бы проще. Как сделать кнопку настраиваемой?

Answer 1

Добавьте это в тег head в папке index.html.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />

убедитесь, что у вас естьimplementation(npm("react-bootstrap","2.4.0")) в вашем build.gradle.kts в ваших зависимостях js