React Native沒有初始化ReactCoundownClock

Question

嘗試使用ReactCountdownClock運行一個簡單的示例。 但是它無法初始化。

設置如下：

 import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import {ReactCountdownClock} from 'react-countdown-clock'; export default class App extends React.Component { constructor() { super(); this.myCallback = this.myCallback.bind(this); } myCallback() { console.log("test"); } render() { return ( <View style={styles.container}> <ReactCountdownClock seconds={60} color="#000" alpha={0.9} size={300} onComplete={this.myCallback} /> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 

但是我只是不斷得到一個Element類型是無效的：需要一個字符串（對於內置組件）或一個類/函數（對於復合組件），但是得到：未定義。 您可能忘記了從定義其的文件中導出組件。

Answer 1

據我從組件Github頁面上的coffee-script代碼假設，您不必在導入中使用大括號。 所以不要使用

import { ReactContdownClock } from 'react-countdown-clock';

你可以寫

import ReactContdownClock from 'react-countdown-clock';

因為只有一個導出的組件。

但是據我所知，您將遇到第二個問題，因為該組件使用（渲染）HTML標記，並且這些標記只有在由WebView呈現后才會顯示。