Question

我是React Native世界的新手，我试图从https://facebook.github.io/react-native/docs/state的react native资源运行状态示例。

我已经声明并编码了类组件-在我的src文件夹中闪烁。

import React, {Component} from 'react';
import { TextInput, Button, View, StyleSheet } from 'react-native';

class Blink extends Component {
  constructor(props) {
    super(props);
    this.state = { isShowingText: true };
    // Toggle the state every second
    setInterval(() => (
      this.setState(previousState => (
        { isShowingText: !previousState.isShowingText }
      ))
    ), 1000);
  }
  render() {
    if (!this.state.isShowingText) {
      return null;
    }
    return (
      <Text>{this.props.text}</Text>
    );
  }
}

导出默认闪烁；

在App.js文件中，我正在使用具有各种文本值的Blink组件。

import React, { Component } from 'react';
import { StyleSheet, Text, View, Image, Button } from 'react-native';
import Blink from './src/component/blinktext/Blink'

export default class App extends Component {
  render() {
    return (
      <View style={style.container}>          
        <Blink text='I love to blink' />
        <Blink text='Yes blinking is so great' />       
      </View>
    );
  }
}

当我运行模拟器时，出现如下错误：

SyntaxError: src\component\blinktext\Blink.js: Unexpected token (10:18)
> 10 |       setInterval(() => (
     |                   ^
  11 |         this.setState(previousState => (
  12 |           { isShowingText: !previousState.isShowingText }
  13 |         ))
  at \src\component\blinktext\Blink.js:10:18

请提示代码有什么问题。与示例进行比较时，唯一的区别是，我将blinking类创建为组件，并通过导入blinking类在App.js类中使用该组件。

SyntaxError：React本机代码中的眨眼示例中出现意外的标记（10:18）。

0 个答案: