反应原生中的多个道具

Question

const UserInput: React.FunctionComponent<{ text: string, onChange (text: string): void}> = (props, userContent: any) => {
  console.log('12345', userContent.Content) // Only returns undefined if userContent is after props
  return (
    <View>
      <TextInput
      value={props.text}
      mode='outlined'
      placeholder={'Text'}
      onChangeText={props.onChange}
    />
    </View>
  );
}

我想要它，以便在我 console.log 时，它会返回一些非未定义的东西。 如果我将 userContent 首先放在 props 中，它可以正常工作，但是 FunctionComponenet 中的所有内容都不起作用。 有任何想法吗？ 我尝试了很多不同的方法，但无法弄清楚。

Answer 1

功能组件只接受一个参数props ，因此第二个参数将始终未定义（在您的情况下为userContent ）。

您需要通过如下道具访问道具：

console.log('12345', props.userContent.Content)

或者你可以从这样的道具中解构它：

const UserInput = ({userContent, ...props}) => {
  console.log('12345', userContent.Content)

看起来这也需要更改您的界面。