Cannot read property 'string' of undefined Trying to understand React Native Native Modules via react-native-create-bridge

Question

I'm currently attempting to do the Ios version of this tutorial.
The tutorial is brief introduction to using native modudles in react-native via react-native-create-bridge

I should see a simple blue box under the text. However, I'm getting the error 'Cannot ready property 'string' of undefined. After examining the line in question AND removing the .string portion. The page now renders, however, without the expected blue box.

This is what ThirdSquareNativeView.js looks like

//  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
}

pritesh · Accepted Answer · 2018-09-19 06:43:29Z

1

You need to install and import prop-types.It is no longer a part of React.

npm install prop-types --save

And then use as

import PropTypes from 'prop-types';

Your code will be something like

ThirdSquareView.propTypes = {
  exampleProp: PropTypes.string
}

answered Sep 19, 2018 at 6:43

pritesh

2,20222 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot read property 'string' of undefined Trying to understand React Native Native Modules via react-native-create-bridge

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related