react.js 上面的错误发生在 <div> 组件中（上面没有错误）

Question

所以，我正在尝试启动一个 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>
)}

Answer 1

当您将样式用作字符串而不是对象时，会发生这种情况 - 除了不太常见的其他原因，例如使用对象作为样式并在其 toString 方法中抛出错误。

但这是抛出此类错误的最主要原因

// the following is JSX and not html
<div style="color:red" />