javascript - 在 React 中 linting 时无法读取未定义的属性“类型”
问题描述
我有三个组件应用程序,访客,用户。我正在检查条件(App.js),如果它是真的,那么用户组件将呈现,否则客户组件。我收到错误。错误是无法读取未定义的属性“类型” linting 时发生如何解决此问题。
*Index.html*
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
**Index.js**
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
ReactDOM.render(<App consumer= {true} />,document.getElementById('root'));
**App.js**
import React, {Component} from 'react'
import User from './User.js'
import Guest from './Guest.js'
export default class App extends Component{
render(){
const varify = this.props.consumer;
if (varify) {
return <User />;
}
return <Guest />;
}
}
**User.js**
import React, {Component} from 'react'
export default class User extends Component{
render(){
return(
<div>
<h1> Welcome </h1>
<button>Log out</button>
</div>
);
}
}
**Guest.js**
mport React, {Component} from'react'
export default class Guest extends Component {
render (){
return (
<div>
<h1>Welcome Guest</h1>
<button>Login</button>
<button>Sign Up</button>
</div>
);
}
}
解决方案
推荐阅读
- https - EnvoyProxy 上游连接错误或在标头之前断开/重置
- json - SoapUI Groovy 脚本 - 多个调用将值存储在变量中?
- python-3.x - 如何使 Python 正则表达式看起来很贪婪
- javascript - 'h1:nth-child(5)' 选择第三个而不是第五个孩子
- heroku - 除了信任代理之外,Heroku 上的快速会话安全 cookie 的任何其他设置?
- python - pandas str.split(' ', 5, expand=True) 确实覆盖了我在数据框中的现有列。如何避免这种情况?
- javascript - Bootstrap 下拉菜单不起作用 --- 如何解决?
- python - 在 Mojave 上安装 psutil 时遇到问题
- angular - 无法通过对 Nutritionix API 的发布请求从服务方法 getNutrition() 获取 JSON 数据。新使用 api 和 angular
- gremlin - 在 gremlin 中是否可以在选择中计算某些内容然后返回上一步?