[英]Failed prop type: Chat: prop type `room` is invalid; it must be a function, usually from React.PropTypes
this is the full code for the react component: 这是react组件的完整代码:
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;
and I get the error: 我收到错误:
Failed prop type: Chat: prop type room
is invalid; 支柱类型失败:聊天:道具类型
room
无效; it must be a function, usually from React.PropTypes. 它必须是一个函数,通常来自React.PropTypes。
Change room: React.PropTypes.Object
to room: React.PropTypes.object
. 更改
room: React.PropTypes.Object
到room: React.PropTypes.object
。 You've made a typo, object
property should start with o in lowercase. 你犯了一个拼写错误,
object
属性应该以小写字母o开头。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.