Ошибка: TransformError SyntaxError: неожиданный токен, ожидается ";" (8:20) - PullRequest
0 голосов
/ 22 апреля 2020

Попытка поэкспериментировать в React Native, однако по-прежнему возникают ошибки в моем android эмуляторе, вот ошибка

Ошибка: TransformError SyntaxError: неожиданный токен, ожидается ";" (8:20)

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

import Header from './components/Header';
import Input from './components/Input';

const App = () =>{
  constructor(props){
    super(props);

    this.state = {
      todoInput: '';
      todos:[
        {id: 0, title: 'sample1', done: false},
      ]
    }
  }

  function addNewLog(){
    console.log(this.state.todos);
  }

  render() {
    return (
      <View style={styles.container}>
        <Header title="myLogBook" />
        <Input
          textChange={todoInput => todoInput}
          addNewLog={() => this.addNewLog}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container:{
    flex: 1,
  }
});

export default App;

1 Ответ

1 голос
/ 22 апреля 2020

Если вы хотите использовать состояние в своем коде, вы можете использовать компонент класса следующим образом:

import React, { Component } from 'react';
import {View, Text, StyleSheet, Button} from 'react-native';
import Header from './components/Header';
import Input from './components/Input';

class App extends React.Component{
  constructor(props){
    super(props);

    this.state = {
      todoInput: '',
      todos:[
        {id: 0, title: 'sample1', done: false},
      ]
    }
  }

   addNewLog=() => {
    console.log(this.state.todos);
  }

  render() {
    return (
      <View style={styles.container}>
        <Header title="myLogBook" />
        <Input
          textChange={todoInput => todoInput}
          addNewLog={() => this.addNewLog}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container:{
    flex: 1,
  }
});

export default App;

В вашем коде вы делаете ошибку, когда вы используете ; вместо ,

изменить todoInput: ''; на todoInput: '',

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...