当前位置: 首页 > 知识库问答 >
问题:

失败的道具类型:聊天:道具类型“房间”无效;它必须是一个函数,通常来自React。产品类型

谯德元
2023-03-14

这是反应组件的完整代码:

import React from 'react';

class Chat extends React.Component {
    handleSubmit(e) {
        e.preventDefault();

        this.props.addMessage(this.props.room.id, this.state.message);

        this.setState({ message: '' });
    }

    handleMsgChange(event) {
        this.setState({ message: event.target.value });
    }

    render() {
        return (
            <div>
                <div>{this.props.room.messages.toString()}</div>
                <form onSubmit={this.handleSubmit}>
                    <input
                        onChange={this.handleMsgChange}
                        value={this.state.message}
                        type="text" placeholder="Your message"
                    />
                    <input type="submit" value="Send" />
                </form>
            </div>
        );
    }
}

Chat.propTypes = {
    addMessage: React.PropTypes.func,
    room: React.PropTypes.Object,
};

export default Chat;

我得到一个错误:

失败的道具类型:聊天:道具类型房间无效;它必须是一个函数,通常来自React。道具类型。


共有1个答案

南宫兴德
2023-03-14

改变房间:反应。道具类型。对象房间:反应。道具类型。对象。您输入了一个错误,object属性应该以小写的o开头。

 类似资料: