Кнопка ввода текста на 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
что бы не использовалось состояние , а только св-ва