React Native

[dabit3]

Should this work out of the box with React Native?

[erictraut]

Yes, it should work with both React and React Native. Let us know if you're having problems.

[dabit3]

I'm sure it's something completely dumb, but I'm getting the attached error.

App.tsx:

import { ComponentBase } from 'resub';

import React from 'react'
import { View, Text } from 'react-native'

import TodosStore = require('./TodosStore');

interface TodoListState {
    todos?: String[]
}

class TodoList extends ComponentBase<{}, TodoListState> {
    protected _buildState(props: {}, initialBuild: boolean): TodoListState {
        return {
            todos: TodosStore.getTodos()
        }
    }

    render() {
        return (
            <View>
               <Text>Hello
<img width="368" alt="screen shot 2017-04-28 at 11 54 11 am" src="https://cloud.githubusercontent.com/assets/1857282/25538781/a9fa2c3e-2c09-11e7-810c-c629dfee305a.png">
</Text>
            </View>
        );
    }
}

export = TodoList;

[dabit3]

[berickson1]

@dabit3 Can you share the complete stack please?

[berickson1]

Also what version of ReactNative are you using? RN 0.25.1 made some breaking changes that could be related to this error. I've only ever tested this using more recent versions or React Native See:
https://github.com/facebook/react-native/releases/tag/v0.25.1

[dabit3]

So, I was importing like this import React from 'react', but needed to do this:

import * as React from 'react'

I'm using commonjs in my compilerOptions -> module within my tsconfig.

I'll go ahead and close this, thanks for your help.