当我尝试从另一个组件导入时反应空白页面

Question

在我尝试从 confirmation.js 组件导入 AlertDialogSlide 之前，React 应用程序运行良好。 编译时没有错误，但我有一个空白页。

import './App.css';
import StarRating from './StarRating';
import StarRating2 from './StarRating2';
import StarRating3 from './StarRating3';
import { TextArea } from 'semantic-ui-react';
import AlertDialogSlide from './confirmation';

function App() {
  return (
    
    <form>
    
    <div className="App">
     <img src='solavievelogo.png'></img>
      <hr/>
      <h2>Leave a feedback!</h2>
     <StarRating></StarRating>
     <hr2/>
     <StarRating2></StarRating2>
     <hr2/>
     <StarRating3></StarRating3>
     <hr2/>
     <AlertDialogSlide></AlertDialogSlide>
     <p>Please leave a comment about your experience below:</p>
     <TextArea cols="40" rows="5" placeholder=' Type your comment here...' ></TextArea>
     <br/>
    <button class="Button" type="submit" ><span class="Button-inner">SEND FEEDBACK</span> </button>

    </div>

    </form>
    
  );
}

export default App;

Answer 1

检查您的 confirmation.js 文件。 也许你在这方面犯了一些错误。 我在评论 confirmation.js 文件后运行此代码，它工作正常。

如果您仍有问题，请分享您的 confirmation.js 文件...我们随时准备提供帮助