如何反应组件扩展所有传递的属性？

Question

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

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

当我使用时：

<UploadInput anyProp="value" />

如何为UploadInput做出延伸所有传递属性的内容？

Answer 1

如果我在你这样做的时候正确理解了你想要的东西：

<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。