return 报错

Question

Parsing error: Unexpected token

11 | }
12 | const withLoader =

(WrappedComponent: React.ComponentType

, url: string) => {

13 | return class LoaderComponent extends React.Component<Partial, ILoaderState> {
| ^
14 | constructor(props: any) {
15 | super(props)
16 | this.state = {

如上return 报错

Answer 1

张轩 2020-05-08 10:49:52

同学你好 使用你贴给我的代码并没有报错 请检查用法是否有误 本节源代码在这里：

https://git.imooc.com/coding-428/react-with-ts/commit/f82a24100fad1a9d1d6274353ef1012002d712e3

Answer 2

张轩 2020-05-06 10:11:06

同学你好 能把你的全部代码贴一下吗 这样看一部分错误代码 没法很好的发现问题 谢谢

• 提问者 Aicheng123 #1

  const withLoader = <P extends ILoaderState>(WrappedComponent: React.ComponentType<P>, url: string) => {
    return class LoaderComponent extends React.Component<Partial<ILoaderProps>, ILoaderState> {
      constructor(props: any) {
        super(props)
        this.state = {
          data: null,
          isLoading: false
        }
      }
      componentDidMount() {
        this.setState({
          isLoading: true,
        })
        axios.get(url).then(result => {
          this.setState({
            data: result.data,
            isLoading: false
          })
        })
      }
      render() {
        const { data, isLoading } = this.state
        return (
          <>
            { (isLoading || !data) ? <p>data is loading</p> :
              <WrappedComponent {...this.props as P} data={data} />
            }
          </>
        )
      }
    }
  }
  
  如上return处有报错