如何将打字稿从无状态转换为有状态

Question

我想将Typescipt中的代码从无状态组件转换为有状态组件。我是新手，所以对我来说很难。我的代码如下。

import React from 'react';
import { Route } from 'react-router-dom';

const AppRoute = ({ component: Component, layout: Layout, ...rest }: any) => (
  <Route
    {...rest}
    render={(props) => (
      <Layout>
        <Component {...props} />
      </Layout>
    )}
  />
);

export default AppRoute;

Answer 1

与非Typescript有状态组件语法并没有什么不同。

看看here (this link can be useful for you as a ts-react beginner)中的示例：

.form-wrapper .hide-btn {
    background-color: red;
    cursor: pointer;
}