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呈现后才会显示。