Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JSX/React上的ESLint错误_Javascript_Eslint - Fatal编程技术网

Javascript JSX/React上的ESLint错误

Javascript JSX/React上的ESLint错误,javascript,eslint,Javascript,Eslint,我正在与React合作,这是我第一次,我需要知道这些错误是什么,以及如何修复它 app/app.js 21:49 error 'socket' is missing in props validation for App react/prop-types 22:47 error 'room' is missing in props validation for App react/prop-types 23:47 error 'mode' is missin

我正在与React合作,这是我第一次,我需要知道这些错误是什么,以及如何修复它

app/app.js
  21:49   error  'socket' is missing in props validation for App  react/prop-types
  22:47   error  'room' is missing in props validation for App    react/prop-types
  23:47   error  'mode' is missing in props validation for App    react/prop-types
  24:47   error  'user' is missing in props validation for App    react/prop-types
  26:32   error  'socket' is missing in props validation for App  react/prop-types
  26:57   error  'room' is missing in props validation for App    react/prop-types
  26:80   error  'mode' is missing in props validation for App    react/prop-types
  26:103  error  'user' is missing in props validation for App    react/prop-types
这是我得到错误的文件

const query = qs.parse(location.search);
const config = {
  socket : query.socket || 'http://10.28.10.85:1101/chat',
  room   : query.room || 'BJTest',
  mode   : query.mode || 'player',
  user   : query.user || 'Alberto',
};

class App extends React.Component {

  constructor (props) {
    super(props);
  }

  render () {
    return (<div>
      <div><strong>Socket:</strong> {this.props.socket}</div>
      <div><strong>Room:</strong> {this.props.room}</div>
      <div><strong>Mode:</strong> {this.props.mode}</div>
      <div><strong>User:</strong> {this.props.user}</div>
      <hr />
      <Chat socket={this.props.socket} room={this.props.room} mode={this.props.mode} user={this.props.user} />
    </div>);
  }

}
constquery=qs.parse(location.search);
常量配置={
socket:query.socket | |'http://10.28.10.85:1101/chat',
房间:query.room | |“BJTest”,
模式:query.mode | |“player”,
用户:query.user | |“Alberto”,
};
类应用程序扩展了React.Component{
建造师(道具){
超级(道具);
}
渲染(){
返回(
套接字:{this.props.Socket}
房间:{this.props.Room}
模式:{this.props.Mode}
用户:{this.props.User}

); } }
我认为您需要定义
App
Chat
组件中使用的proptype。有关定义,请参见

例如:

App.propTypes = {
  socket: React.PropTypes.string.isRequired,
  room: React.PropTypes.string.isRequired,
  mode: React.PropTypes.string.isRequired,
  user: React.PropTypes.string.isRequired
};