无法读取未定义的 属性 'string' 试图通过 react-native-create-bridge 理解 React Native Native 模块

Question

我目前正在尝试完成 this 教程的 Ios 版本。
本教程简要介绍了通过 react-native-create-bridge

在 react-native 中使用原生模块

我应该会在文本下方看到一个简单的蓝色方框。但是，我收到未定义的错误“无法准备 属性 'string'”。 检查有问题的行并删除 .string 部分后。但是，页面现在呈现时没有预期的蓝色框。

这就是 ThirdSquareNativeView.js 的样子

//  Created by react-native-create-bridge

import React, { Component } from 'react'
import { requireNativeComponent } from 'react-native'

const ThirdSquare = requireNativeComponent('ThirdSquare', ThirdSquareView)

export default class ThirdSquareView extends Component {
  constructor() {
    super();
    console.log('this this working?');
  }
  render() {
    return <ThirdSquare {...this.props} />
  }
}

ThirdSquareView.propTypes = {
  exampleProp: React.PropTypes.string
}

Answer 1

您需要安装并导入 prop-types。它不再是 React 的一部分。

npm install prop-types --save

然后用作

import PropTypes from 'prop-types';

您的代码类似于

ThirdSquareView.propTypes = {
  exampleProp: PropTypes.string
}