Кнопка ввода текста на kotlin react\js react

Код написан на языке Котлин

Есть компонент в котором реализована кнопка окна ввода текста

package component

import data.Student
import data.Subject
import data.subjectList
import kotlinx.html.ButtonType
import kotlinx.html.InputType
import kotlinx.html.js.onChangeFunction
import kotlinx.html.js.onClickFunction
import org.w3c.dom.HTMLInputElement
import react.*
import react.dom.*
import kotlin.browser.document


interface AppLProps : RProps {
    var subject: Array<Subject>
    var new_subject: String
}

interface AppLState : RState {
    var newsubject: String
}


class AppL : RComponent<AppLProps, AppLState>() {
    override fun RBuilder.render() {
        div {
            h3 {
                +"Введите что либо"
            }

            input(type = InputType.text, name = "key")
            {
                    attrs {
                    value = state.newsubject
                        onChangeFunction = {
                            val slovo = it.target // если нажали в поле для ввода  то считываем слово
                                    as HTMLInputElement
                            setState{
                                newsubject = slovo.value
                            }
                            props.new_subject = value
                            console.log( props.new_subject)
                        }
                }
            }

    }
    }}

fun RBuilder.appl( subject: Array<Subject>, new_subject: String
) = child(AppLessons::class){
   attrs.subject=subject
    attrs.new_subject = new_subject
    }

Как передать вот эту часть

setState{
  newsubject = slovo.value
          }
  props.new_subject = value

что бы не использовалось состояние , а только св-ва


Ответы (0 шт):