使用react+ts初始化项目请给出代码示例

以下是一个使用React和TypeScript初始化项目的示例代码：

1. 安装依赖：

npx create-react-app my-app --template typescript
cd my-app

2. 修改src/App.tsx文件，添加一些示例代码：

import React from 'react';

interface AppProps {
  name: string;
}

const App: React.FC<AppProps> = ({ name }) => {
  return (
    <div>
      <h1>Hello, {name}!</h1>
    </div>
  );
};

export default App;

3. 修改src/index.tsx文件，将App组件渲染到DOM中：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

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

4. 运行项目：

npm start

以上代码在React中创建了一个简单的App组件，并使用了TypeScript进行类型检查。在index.tsx中，我们将App组件渲染到了root DOM节点中。运行npm start命令后，你将在浏览器中看到显示"Hello, React + TypeScript!"的页面