使用带redux和react-redux的typescript编写原生react

Question

我在想，当我在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扩展名吗？

Answer 1

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

还有一个建议，如果你在项目中到处使用.tsx，那么我建议只使用.tsx来正确地管理代码结构。

因此您可以相应地使用

Answer 2

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