如何不在通用组件中重新显式实例组件属性？

Question

在 React 中，我实现了这样的通用组件：

export function CustomTextInput(props) {
    return (
        <TextInput
            placeholder={props.placeholder}
            onChangeText={props.onChangeText}
            style={{margin:20}}
        />
    )
}

我是这样使用它们的：

      <CustomTextInput
        placeholder="My placeholder"
        onChangeText={secretCode => setSecretCode(secretCode)}
      />

有没有办法不必在通用组件中重新显式每个属性？例如，通过定义这样的通用组件：

export function CustomTextInput(props) {
    return (
        <TextInput
            props={props}
            style={{margin:20}}
        />
    )
}

...同时仍然保持组件实例的相同实现。

Answer 1

您可以使用spread syntax传送道具，如下所示。

export function CustomTextInput(props) {
    return (
        <TextInput
            {...props}
            style={{margin:20}}
        />
    )
}

如何不在通用组件中重新显式实例组件属性？

How not to reexplicit instance components properties in generic components?

reactjs

react-native