不变冲突:元素类型无效:应为字符串

Question

我在ui kitten工具箱库中遇到了这个问题，它在常规情况下工作得很好，但在传递道具时抛出了这个错误。我试图更改我的导入/导出方法，但没有成功。有没有人能帮我解决这个问题。

import { RkTheme, RkButton, RkCard, RkText, rkCardContent, rkCardImg, rkCardFooter, } from 'react-native-ui-kitten';

...

export default class AutocompleteExample extends Component {
render() {
  return (
  <Content />
    <RkCard>
  <View rkCardHeader>
    <Text>Header</Text>
  </View>
  <Image rkCardImg source={{uri: this.state.img}}/>
  <View rkCardContent>
    <Text>quick brown fox</Text>
  </View>
  <View rkCardFooter>
    <Text>{this.state.price}</Text>
  </View>
</RkCard>

 )
}

module.exports = AutocompleteExample

this.state.img运行得很好，我可以看到图片，但是this.state.price不能工作，如果用普通文本替换它就可以了。谢谢。

Answer 1

重写上面的代码

import { RkTheme, RkButton, RkCard, RkText, rkCardContent, rkCardImg, rkCardFooter, } from 'react-native-ui-kitten';

...

export default class AutocompleteExample extends Component {

state = {
  price: '',
}

render() {
  return (
  <Content />
    <RkCard>
  <View rkCardHeader>
    <Text>Header</Text>
  </View>
  <Image rkCardImg source={{uri: this.state.img}}/>
  <View rkCardContent>
    <Text>quick brown fox</Text>
  </View>
  <View rkCardFooter>
    <Text>{this.state.price}</Text>
  </View>
</RkCard>

 )
}

module.exports = AutocompleteExample