javascript - 如何React组件扩展所有传递的属性？

当我创建类似以下组件的React时：

class UploadInput extends React.Component {
    render() {
        return (
            <input type="file" {}/>
        );
    }
}

当我使用时：

<UploadInput anyProp="value" />

如何为UploadInput做扩展所有传递的属性？

最佳答案

如果我正确理解您的要求，那么执行此操作时：

<UploadInput type="text" name="some name" value="some value" ... />

您需要在input内的UploadInput呈现为：

<input type="text" name="some name" value="some value" ... />

解决方案：您可以为此使用JSX Spread operator：

<input {...this.props} />

传递给UploadInput组件的任何道具也将传递给input。

关于javascript - 如何React组件扩展所有传递的属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40749803/