Support ES6

[redak105]

Hello,
can I ask about support ES6 fat arrows function?

_renderContent = (color: string) => { 
  return ( 
     <View style={{backgroundColor: color}} \>
  );
};

Thank you,
redak105

[fkling]

react-docgen completely supports ES6. However it doesn't support many of the newer experimental proposals, such as public class fields, which is what you might be using? Can you please clarify your post?

Also see #137 which would solve that problem.

[redak105]

Thanks for your reply.
I'm specifically interested in fat arrows functions. Are these supported?

[fkling]

If by support you mean "can react-docgen parse code that uses arrow functions", the answer is yes.

[redak105]

Sorry for my late response.
I have this testing class. I run react-docgen. But I didn't get show method in my output.

`
/**

• Test class
  */
  export default class TestClass extends Component {

  /**

  • Constructor

  • @Property props
    */
    constructor(props) {
    super(props);

    this.opacity = 0;
    };

  /**

  • show row
    */
    show = () => {
    opacity = 1;
    };

  /**

  • Render
    */
    render() {
    return (
    <View style={[styles.viewRow, {opacity}]}>
    
    {this.props.title}
    
    
    );
    }
    }

TestClass.propTypes = {
/**
* title
* @type {String}
*/
title: PropTypes.string.isRequired,
};
`

[DanielRamosAcosta]

@fkling I'm having errors with arrow functions in class methods as the render method... I have a component like this:

class Foo extends Component {
  (...)

  render = () =>
    <div>
      Foo!
    </div>
}

But it throws to me No suitable component definition found.... is there any solution to this? Maybe a handler?

[fkling]

That's what I meant when I mentioned in an earlier post

react-docgen completely supports ES6. However it doesn't support many of the newer experimental proposals, such as public class fields, which is what you might be using?

This is an example of a public class field, so it wasn't supported.

However, since then we have released v3.0.0-beta which uses Babylon7, which should be able to handle this case! You can install it via npm install react-docgen@next.

[DanielRamosAcosta]

I'll give it a shot, thanks for your work!