使用带有 redux 和 react-redux 的 typescript 编写 react native答案

【问题标题】：Writing react native with typescript with redux and react-redux使用带有 redux 和 react-redux 的 typescript 编写 react native
【发布时间】：2021-11-22 07:09:30
【问题描述】：

我想知道当我在 React Native 中使用 typescript 编写 redux action、reducers 和 store 时，我应该给它扩展 .tsx 还是只能是 .js？

例如，这是我的store.tsx 文件，如下所示：

import {createStore, applyMiddleware, combineReducers} from 'redux';
import {composeWithDevTools} from 'redux-devtools-extension';
import thunk from 'redux-thunk';

import newsReducer from './reducers/newsReducer';

const rootReducer = combineReducers({
  news: newsReducer,
});

const middleware = composeWithDevTools(applyMiddleware(thunk));

export default createStore(rootReducer, middleware);

在这种情况下我的文件应该全部变成tsx 扩展名吗？

【问题讨论】：

如果它不包含任何实际的 JSX，则只需使用 .ts 或 .js 扩展名，具体取决于它是 JS 还是 TypeScript。

标签： reactjs typescript react-native redux

【解决方案1】：

如果您没有在该组件中使用任何 Typescript 代码，则不需要将其设为 .tsx，但无论何时使用任何 Typescript 功能，您都应该这样做，因为 typescript 编译器接受 .ts 文件并转译为 JS ,

如果您在项目中的任何地方都使用过 .tsx，还有一个建议，所以我建议仅使用 .tsx 来正确管理代码结构。

所以你可以相应地使用

【讨论】：

【解决方案2】：

如果您没有任何 JSX，请使用 .tsx 或 .ts。不要使用 .js 或 .jsx。

【讨论】：