reactjs - Ionic React useState 值在道具函数中使用后消失

Question

所以我的 usestate 钩子在父级中使用后什么都不打印，我不确定在 typescript 中导入类型，因为我只是从 javascript 移动。

    interface Props {
    sendTextMessage: (text?: string) => void
}

const Chatbar: React.FC<Props> = ({ sendTextMessage }) => {
    const [text, setText] = useState<string>()

    return (

                        <IonInput
                            class='input'
                            value={text}
                            placeholder='Aa'
                            onIonChange={(e) => setText(e.detail.value!)}
                            onKeyPress={(event) => {
                                if (event.key === 'Enter') {
                                    sendTextMessage(text)
                                    setText('')
                                }
                            }}
                            // clearInput
                        ></IonInput>
                
    )

}

父函数

function sendTextMessage(message) {
    console.log(message)

    const messageEvent = {
        type: 'message',
        timestamp: Date.now(),
        source: {
            type: room?.get('type'),
            conId: room?.get('id'),
            userId: 'me',
        },
        message: {
            type: 'text',
            text: message,
        },
    }

---

<Chatbar sendTextMessage={sendTextMessage} />

我也尝试在父文件中使用另一种状态，但什么也没做！！！我不知道我做错了什么

标签： reactjstypescriptionic-framework

Answer 1

解决了

节点模块由于某种原因被损坏了，我以前从来没有真正发生过这种情况，重新安装 rect 就可以了！可能是我无意中编辑了里面的文件或其他错误