Какой импорт мне нужен, чтобы использовать hashrouter в приложении KotlinJS React? - PullRequest
Новая
       20

Какой импорт мне нужен, чтобы использовать hashrouter в приложении KotlinJS React?

0 голосов
/ 20 января 2019

Я загружаю приложение KotlinJS + React, выполняя следующие шаги: 

npm install -g create-react-kotlin-app
create-react-kotlin-app frontend
cd frontend
npm install kotlinx-coroutines-core
npm install @jetbrains/kotlin-react-router-dom

Это дает мне базовое приложение KotlinJS + React

В package.json я вижу импорт моего роутера 

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@jetbrains/kotlin-react-router-dom": "^4.3.1-pre.61",
    "kotlinx-coroutines-core": "^1.1.0",
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
  },
  "devDependencies": {
    "react-scripts-kotlin": "3.0.3"
  },
  "scripts": {
    "start": "react-scripts-kotlin start",
    "build": "react-scripts-kotlin build",
    "eject": "react-scripts-kotlin eject",
    "gen-idea-libs": "react-scripts-kotlin gen-idea-libs",
    "get-types": "react-scripts-kotlin get-types --dest=src/types",
    "postinstall": "npm run gen-idea-libs"
  }
}

Примеры на нескольких сайтах показывают что-то подобное, но не то, какой импорт использовать 

class RootComponent : RComponent<RProps, RState>() {
    override fun RBuilder.render() {
        hashRouter { // or "browserRouter"
            switch {
                route("/", IndexComponent::class, exact = true)
                route("/login", strict = true) {
                    login(providers = listOf("plain", "facebook"))
                    a(href = "#/") {
                        +"Back"
                    }
                }
                route<IdProps>("/user/:id") { props ->
                    div {
                        +"User id: ${props.match.params.id}"
                    }
                }
                redirect(from = "/redirect", to = "/redirected")
            }
        }
    }
}

Не определение hashRouter через импорт приводит к 

src/app/App.kt:11:3: error: unresolved reference: hashRouter
                hashRouter {
  ^

Я пробую Ctrl + Пробел, но автозаполнение вообще не полезно.

Какой импорт мне не хватает?

1 Ответ

0 голосов
/ 16 марта 2019

Вам также необходимо импортировать react-router-dom" в ваши зависимости.

...