そこで、React アプリを立ち上げようとしています。テンプレートからコンポーネントに HTML をコピーしました。エラーが発生していますが、対処方法がはっきりしません。エラーは次のとおりです。注上記にエラーはありません:
'index.js:1446 The above error occurred in the <div> component:
in div (at App.js:57)
in div (at App.js:28)
in div (at App.js:15)
in div (at App.js:14)
in App (at src/index.js:7)
App.js に配置するコードは次のとおりです。
import React, { Component } from 'react';
import logo from './logo.svg';
import Test from './components/Test.js'
import './App.css';
class App extends Component {
render() {
return (
<React.Fragment>
<Test />
<div className="probootstrap-hero">
<div className="container">
<div className="row">
<div className="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center probootstrap-hero-text pb0 probootstrap-animate" data-animate-effect="fadeIn">
<h1>Launch your awesome startup now!</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto provident qui tempore natus quos quibusdam soluta at.</p>
<p>
<a href="#" className="btn btn-primary btn-lg" role="button">Get This App</a>
<a href="#" className="btn btn-primary btn-ghost btn-lg" role="button">Try it for free</a>
</p>
<p><a href="#"><i className="icon-play2"></i> Watch the video</a></p>
</div>
</div>
</div>
</div>
</React.Fragment>
)}
ベストアンサー1
これは、スタイルをオブジェクトではなく文字列として使用した場合に発生します。オブジェクトをスタイルとして使用し、toString メソッドでエラーをスローするなどのあまり一般的ではない他の理由もあります。
しかし、このようなエラーが発生する主な理由は、
// the following is JSX and not html
<div style="color:red" />