語義 - 用戶反應庫不起作用;沒有錯誤

semantic-ui-react在我的瀏覽器上不起作用，我不知道爲什麼 - 控制檯中沒有任何錯誤或問題。語義 - 用戶反應庫不起作用;沒有錯誤

這是來自庫semantic-ui的組件;從這個文件的UptimeGuarantee.js

import React from 'react' 
import { Header, Icon , Image} from 'semantic-ui-react' 

const HeaderExampleUsersIcon =() => (
    <div> 
    <Header as='h2' icon textAlign='center'> 
     <Icon name='users' circular /> 
     <Header.Content> 
     Friends 
     </Header.Content> 
    </Header> 
    <Image centered size='large' src='/assets/images/wireframe/centered-paragraph.png' /> 
    </div> 
) 

export default HeaderExampleUsersIcon

和我App.js我調用此組件：

import React, { Component , PropTypes} from 'react'; 
import { Button } from 'semantic-ui-react'; 
import logo from './logo.svg'; 
import './App.css'; 
import HeaderExampleUsersIcon from './UptimeGuarantee' 

class App extends Component { 
    render() { 
    return (
     <div className="App"> 
       <div className="App-header"> 
        <img src={logo} className="App-logo" alt="logo" /> 
        <h2>Welcome to React</h2> 
       </div> 
       <p className="App-intro">To get started, edit <code>src/App.js</code> and save to reload.</p> 
       <Button primary>Primary</Button> 
       <HeaderExampleUsersIcon /> 
     </div> 
    ); 
    } 
} 

export default App;

結果：

來源

2017-08-07 MahmoudMH

複製，https://stackoverflow.com/questions/44609711/semantic-ui- image-properties-not-working-with-semantic-ui-react/ –

語義UI的反應是不唯一的組件樣式和字體。

您應導入從語義UI的CSS樣式

import 'semantic-ui-css/semantic.min.css';

或樣式添加到HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.11/semantic.min.css"></link>

來源

2017-08-07 19:28:39

我嘗試了它並解決了問題 – MahmoudMH

語義 - 用戶反應庫不起作用;沒有錯誤

回答

相關問題