Reactjs 反应：传递参数以使用放大渲染组件

我是一个新的反应者，我被这个问题困住了。我有一个index.tsx，它呈现应用程序组件，如下所示

index.tsx

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {initialize} from './util/initialize';

initialize().then(settings => {
    ReactDOM.render(<App settings={settings}/>, document.getElementById('root'));
});    

serviceWorker.unregister();

---

设置

正在index.tsx文件中用作道具<代码>应用程序将接受一个参数（通常称为

道具

），该参数是包含所有道具的对象。试试这个，看看它是否对你有帮助：

---

函数应用程序（{settings}:{settings:any}）{

无it力..仍然是相同的错误…在导出默认值withAuthenticator（应用程序）中；这是完整的TS错误吗？如果不是，您可以发布完整的错误。

import React from "react";
import Search from "./search/Search";
import { withAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react';

import "./App.css";

function App(settings : any) {
    return (
      <div className="App">
        <AmplifySignOut />
        <Search indexId={settings.ID!} region={settings.REGION!}/>
      </div>
    );
}

export default withAuthenticator(App);

Type '{ settings: any; }' is not assignable to type 'IntrinsicAttributes & { children?: ReactNode; }'.