ant design tabbar 的icon不显示

Question

import mineIcon from '../assets/image/icon/mine.png';
import mineDarkIcon from '../assets/image/icon/mine_dark.png';
import orderListIcon from '../assets/image/icon/order_list.png';
import orderListDarkIcon from '../assets/image/icon/order_list_dark.png';

 <div style={this.state.fullScreen ? { position: 'fixed', height: '100%', width: '100%', top: 0 } : { height: 400 }}>
            <TabBar
                unselectedTintColor="#949494"
                tintColor="#33A3F4"
                barTintColor="white"
                hidden={this.state.hidden}
            >
                <TabBar.Item
                    title="订单"
                    key="DeliverTabBar"
                    icon={orderListDarkIcon}
                    selectedIcon={orderListIcon}
                    selected={this.state.selectedTab === 'DeliverTab'}
                    onPress={() => {
                        this.setState({
                            selectedTab: 'DeliverTab',
                        });
                    }}
                    data-seed="logId"
                >
                    <OrderDetailPage/>
                </TabBar.Item>
                <TabBar.Item
                    icon={mineDarkIcon}
                    selectedIcon={mineIcon}
                    title="我的"
                    key="Mine"
                    selected={this.state.selectedTab === 'MineTab'}
                    onPress={() => {
                        this.setState({
                            selectedTab: 'MineTab',
                        });
                    }}
                    data-seed="logId1"
                >
                    <UserProfilePage/>
                </TabBar.Item>
            </TabBar>
            <image src={mineDarkIcon}></image>
        </div>
        

为什么图片不显示？？
老铁们，帮忙看看