Removed fragment, added key to Index

This commit is contained in:
vjrj 2018-03-03 08:40:58 +01:00
parent 48dab4bb0d
commit 71c6cf20d7

View file

@ -2,7 +2,7 @@
/* eslint-disable react/jsx-indent-props */ /* eslint-disable react/jsx-indent-props */
/* eslint-disable key-spacing */ /* eslint-disable key-spacing */
/* eslint-env jquery */ /* eslint-env jquery */
import React, { Component, Fragment } from 'react'; import React, { Component } from 'react';
import { translate, Trans } from 'react-i18next'; import { translate, Trans } from 'react-i18next';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
@ -54,7 +54,7 @@ class Index extends Component {
</div> </div>
</section>); </section>);
} }
return (<Fragment />); return (<div />);
} }
scaleHeader() { scaleHeader() {
@ -88,7 +88,7 @@ class Index extends Component {
<title>{title}</title> <title>{title}</title>
</Helmet> </Helmet>
{/* https://v4-alpha.getbootstrap.com/components/carousel/ */} {/* https://v4-alpha.getbootstrap.com/components/carousel/ */}
<Fragment> <div>
<section className="sect1"> <section className="sect1">
<header> <header>
<ReactResizeDetector handleWidth handleHeight onResize={this.onResize} /> <ReactResizeDetector handleWidth handleHeight onResize={this.onResize} />
@ -99,10 +99,10 @@ class Index extends Component {
> >
{/* for dev ^^^: data-interval=false */} {/* for dev ^^^: data-interval=false */}
<ol className="carousel-indicators"> <ol className="carousel-indicators">
<li data-target="#carouselMainIndicators" data-slide-to="0" className="active" /> <li key="sl1-1" data-target="#carouselMainIndicators" data-slide-to="0" className="active" />
<li data-target="#carouselMainIndicators" data-slide-to="1" /> <li key="sl1-2" data-target="#carouselMainIndicators" data-slide-to="1" />
<li data-target="#carouselMainIndicators" data-slide-to="2" /> <li key="sl1-3" data-target="#carouselMainIndicators" data-slide-to="2" />
<li data-target="#carouselMainIndicators" data-slide-to="3" /> <li key="sl1-4" data-target="#carouselMainIndicators" data-slide-to="3" />
</ol> </ol>
<div className="carousel-inner" role="listbox"> <div className="carousel-inner" role="listbox">
@ -192,8 +192,8 @@ class Index extends Component {
> >
{/* for dev ^^^: data-interval=false */} {/* for dev ^^^: data-interval=false */}
<ol className="carousel-indicators"> <ol className="carousel-indicators">
<li data-target="#carouselSndIndicators" data-slide-to="0" className="active" /> <li key="sl2-1" data-target="#carouselSndIndicators" data-slide-to="0" className="active" />
<li data-target="#carouselSndIndicators" data-slide-to="1" /> <li key="sl2-2" data-target="#carouselSndIndicators" data-slide-to="1" />
</ol> </ol>
<div className="carousel-inner" role="listbox"> <div className="carousel-inner" role="listbox">
@ -300,7 +300,7 @@ class Index extends Component {
</div> </div>
</div> </div>
</section> </section>
</Fragment> </div>
</div> </div>
); );
} }