Question

我正在尝试实现一个功能组件。我在这里在下面做，但是我在道具方面遇到了错误。有人可以帮我吗。

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

const TextField = () => {
    return (
        <Text> {this.props.title} </Text>
    )
}

export default TextField;

// APP Component
    import TextField from './Components/TextField'
    export default class App extends React.Component {
      render() {
        return (
          <View style={styles.container}>
          <TextField title= "Simple App"/>
          </View>
        );
      }
    }

Answer 1

原因是this.props在功能组件中未定义。他们接受道具作为论点。

更改您的TextField以接受参数props并使用props.title

const TextField = (props) => {
    return (
        <Text> {props.title} </Text>
    )
}

React Native我在这里做错了常数

1 个答案: