时间戳

首页 > 解决方案 > 升级反应后，我在控制台上收到此错误

reactjs - 升级反应后，我在控制台上收到此错误

问题描述

- 这是我在运行“npm start”后得到的错误

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）

来自浏览器通知的屏幕截图

它说 index.js 有问题

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';


ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

这是 Header 组件

import React from 'react';

import classes from './Header.css';
import { Button } from 'react-bootstrap';
import DeelnemerOverlay from '../../assets/images/deelnemer- 
 overlay.jpg';
import CoachOverlay from '../../assets/images/coachOverlay.jpg';

const header = (props) => (
<div className={classes.Image}>

<div className={classes.Deelnemer}>

<h2>Informatie voor Deelnemers</h2>
  <br />
  <img alt='deelnemer' src={DeelnemerOverlay}></img>
  <br />
  <br />
<p>
  <Button bsStyle="primary">Meer over deelnemers</Button>
</p>
</div>
<div className={classes.Coach}>
<h2>Informatie voor Coachen</h2>
 <br />
 <img alt='coach' src={CoachOverlay}></img>
 <br />
 <br />

 <p><Button bsStyle="primary">Meer over coachen</Button></p>
 <br />
 </div>
 </div>
 );

 export default header;

有人可以帮我吗？

标签： reactjs

解决方案

解决了。在 Header 组件中，我的引导程序无法正常工作。我解决了将引导程序从 4 降级到 3 的问题

推荐阅读