这是反应组件的完整代码:
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;
Run Code Online (Sandbox Code Playgroud)
我得到错误:
道具类型失败:聊天:道具类型room无效;它必须是一个函数,通常来自 React.PropTypes。
当我尝试通过更新重定向 URL 来配置 Azure Active Directory 中已注册 Web .Net Core 应用程序的身份验证时,出现网络错误:“配置您的应用程序注册网络错误:建立与服务的连接时出现问题。请刷新浏览器再试一次”如果我查看控制台,我会看到 CORS 错误:“访问 XMLHttpRequest at 'https://graph.microsoft.com/v1.0/myorganization/applications/09bfef71-7a2b-4560-b2a2-947a4a16de0f'来自“https://portal.azure.com”的来源已被 CORS 政策阻止:在预检响应中,Access-Control-Allow-Methods 不允许方法 PATCH。”