는 기본 공식 예를 반작용

Question

여기에 일부 서식 기능과 텍스트 입력을 렌더링해야 내가 React's Native website에서 복사 한 코드입니다 :

import React, { Component } from 'react'; 
import { AppRegistry, Text, TextInput, View } from 'react-native'; 

export default class PizzaTranslator extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {text: ''}; 
    } 

    render() { 
    return (
     <View style={{padding: 10}}> 
     <TextInput 
      style={{height: 40}} 
      placeholder="Type here to translate!" 
      onChangeText={(text) => this.setState({text})} 
     /> 
     <Text style={{padding: 10, fontSize: 42}}> 
      {this.state.text.split(' ').map((word) => word && '').join(' ')} 
     </Text> 
     </View> 
    ); 
    } 
} 

// skip this line if using Create React Native App 
AppRegistry.registerComponent('AwesomeProject',() => PizzaTranslator); 

내가 create-react-native-app을 사용하고가. 내가 실행하는 경우

npm run flow 

그것은 많은 오류가 표시

내 질문입니다 - 내가 여기서 뭔가 잘못하고있는 중이거나 이미 오래된의 반작용 웹 사이트의 코드를?

App.js:7 
    7: constructor(props) { 
        ^^^^^ parameter `props`. Missing annotation 

App.js:9 
    9:  this.state = {text: ''}; 
         ^^^^^^^^^^ object literal. This type is incompatible with 
    6: export default class PizzaTranslator extends Component { 
                ^^^^^^^^^ undefined. Did you forget to declare type parameter `State` of identifier `Component`? 

App.js:18 
18:   onChangeText={(text) => this.setState({text})} 
             ^^^^^^^^^^^^^^^^^^^^^ call of method `setState` 
18:   onChangeText={(text) => this.setState({text})} 
                ^^^^^^ property `text` of object literal. Property cannot be assigned on possibly undefined value 
    6: export default class PizzaTranslator extends Component { 
                ^^^^^^^^^ undefined. Did you forget to declare type parameter `State` of identifier `Component`? 

App.js:21 
21:   {this.state.text.split(' ').map((word) => word && '').join(' ')} 
          ^^^^ property `text`. Property cannot be accessed on possibly undefined value 
21:   {this.state.text.split(' ').map((word) => word && '').join(' ')} 
       ^^^^^^^^^^ undefined. Did you forget to declare type parameter `State` of identifier `Component`? 


Found 4 errors 


import React, { Component } from 'react'; 
import { AppRegistry, Text, TextInput, View } from 'react-native'; 

export default class PizzaTranslator extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {text: ''}; 
    } 

    render() { 
    return (
     <View style={{padding: 10}}> 
     <TextInput 
      style={{height: 40}} 
      placeholder="Type here to translate!" 
      onChangeText={(text) => this.setState({text})} 
     /> 
     <Text style={{padding: 10, fontSize: 42}}> 
      {this.state.text.split(' ').map((word) => word && '').join(' ')} 
     </Text> 
     </View> 
    ); 
    } 
} 

// skip this line if using Create React Native App 
AppRegistry.registerComponent('AwesomeProject',() => PizzaTranslator); 

Answer 1

이 문맥에서는 super(props)이 잘못되었습니다. 그래서 나는 다음

class PizzaTranslator extends Component 

에

export default class PizzaTranslator extends Component 

을 변경 export default class Main에서라고하며 일하고있어.

Answer 2

나는 반응-기본 문서는 쉽게 흐름에 정통한없는 사람들을 위해 읽기 만들기의 목적으로 흐름 주석없이 작성되었음을 확인합니다 같은데요.