写一个在 index.tsx 文件中编写页面的组件代码的例子

好的，下面是一个简单的在 index.tsx 中编写页面组件的代码示例：

import React from 'react';
import ReactDOM from 'react-dom';

interface Props {
  name: string;
}

const App: React.FC<Props> = ({ name }) => {
  return (
    <div>
      <h1>Hello, {name}!</h1>
      <p>Welcome to my website.</p>
    </div>
  );
};

ReactDOM.render(
  <React.StrictMode>
    <App name="John" />
  </React.StrictMode>,
  document.getElementById('root')
);

在这个例子中，我们定义了一个 `App` 组件，该组件接受一个 `name` 属性作为输入，并在页面上显示一个标题和一段欢迎信息。我们使用 `ReactDOM.render` 将该组件渲染到 `root` 元素中。注意，在这个例子中我们使用了 TypeScript 来定义组件的 Props 类型。