React native 反应本机道具不'；我不想做第二份工作

我可以在一级组件中正确显示道具，但当我尝试在二级组件中显示道具时，道具不会出现。

主要观点：

import * as React from 'react';
import FirstComponent from '../components/FirstComponent';

import EditScreenInfo from '../components/EditScreenInfo';
import { Text, View } from '../components/Themed';

export default function SummaryScreen() {
  return (
    <View>
      <FirstComponent name="Phil" />
    </View>
  );
}

但是在我的

ShowName

组件中，div内部没有显示任何内容（但是，div本身渲染正确）：

从“React”导入React；
从“react native”导入{Text}；
函数ShowName（道具）{
返回(
{props.name}
);
};
导出默认ShowName；

您忘记将

名称

道具从

FirstComponent

转发到

ShowName

功能第一组件（道具）{
返回(
{props.name}
);
}

您没有将道具

name

传递给

ShowName

组件。在

FirstComponent

声明中，将

name

道具传递给

ShowName

：

import React from 'react';
import {View,Text} from 'react-native';
import ShowName from './ShowName';

function FirstComponent(props) {

  return (
    <View>
    <Text>{props.name}</Text>
    <ShowName />
    </View>
  );
};

export default FirstComponent;

import React from 'react';
import {Text} from 'react-native';

function ShowName(props) {

  return (
<div><Text>{props.name}</Text></div>
  );

};

export default ShowName;