使用TypeScript时,react-native JSX元素出错

时间:2018-03-22 12:54:48

标签: javascript typescript react-native

我正在使用react-native和typescript创建一个应用程序。

我正面临以下错误;

<AuthDetails
            style={{ marginTop: 60 }} // this line is giving error1.
            setUdaisId={this.setUdaisId}
            setPassword={this.setPassword}
          />

error1 :[ts]'IntrinsicAttributes&amp;类型中不存在属性'style' IntrinsicClassAttributes&amp; Readonly&lt; {children?:ReactNode; }&GT; ...'

类似地,

<TextInput
  underlineColorAndroid={'transparent'}
  secureTextEntry={true}
  placeholder = "Password"
  placeHolderStyle = {styles.placeHolderStyle} // this line is giving error2.
  style = {[styles.textInput, {marginTop:20}]}
/>

error2 :[ts]属性'placeHolderStyle'在类型'IntrinsicAttributes&amp; IntrinsicClassAttributes&GT; &安培; ......“。

并且

  <Image
    style={styles.avatar}
    source={this.state.avatarSource}
    resizeMode={this.state.resizeMode} //this line gives error3.
/>

错误3 :[ts] 输入'{style:RegisteredStyle;来源:任何; resizeMode:string; ''不能赋值给'IntrinsicAttributes&amp; IntrinsicClassAttributes&GT; &安培;读...'。   输入'{style:RegisteredStyle;来源:任何; resizeMode:string; ''不能赋值为'Readonly'。     属性'resizeMode'的类型不兼容。       类型'string'不能分配给''center“|类型“伸展”| “封面”| “包含”| “重复”|未定义”。

0 个答案:

没有答案