ReactNative之JSX 元素类型“Navigator”不具有任何构造签名或调用签名。ts(2604)

  • Post author:
  • Post category:其他


JSX 元素类型“Navigator”不具有任何构造签名或调用签名。ts(2604)

这个主要是ts和js的写法的区别:

  • js:传统的方式直接在构造函数中使用

constructor(){


this.state = {


num1:10

}

}

  • 使用ts开发过程中需要先定义一个接口,规范数据类型,通过泛型传入到类中

//定义一个接口规范state的类型

export interface State{


num1:number

}

// 默认导出一个Hello类,如果Component<Props,State>里面没有就用object

export default class Hello extends React.Component<Props,State>{


constructor(props:Props){


super(props);

this.state = {


num1:10

}

}

}

  • 父组件传递参数到子组件

使用ts开发方式,跟上面的state一样的,只是不管怎么样都要在构造函数中写super

在看上面的问题:

A必须是个类,或函数, 并且返回JSX Navigator对象,因为jsx需要是个JSX Element

看看官方文档,很详细


https://www.tslang.cn/docs/handbook/jsx.html

直接看【类组件】部分就一目了然了。



版权声明:本文为weixin_40200876原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。