Support (or sort of) for Functional component about babel-plugin-flow-react-proptypes HOT 8 CLOSED

No rush, I was just reporting :)

from babel-plugin-flow-react-proptypes.

Fixed, thanks for reporting and trying out the plugin :-)

from babel-plugin-flow-react-proptypes.

I'm not getting an error on that code snippet. Are you getting an error with that exact code?

$ babel --presets react,stage-1,es2015 --plugins ./lib/index.js < src/__test__/fixtures/functional-component.input.js
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ReactFunctionalComponent = function ReactFunctionalComponent(props) {
  return _react2.default.createElement(
    "div",
    null,
    props.param
  );
};

exports.default = ReactFunctionalComponent;

from babel-plugin-flow-react-proptypes.

yeah. Oh so maybe related to the fact that I use babel-eslint?

from babel-plugin-flow-react-proptypes.

Oh my bad, I am getting this with my test class

/* @flow */

import React, { Element, Component } from "react"

type Props = {
  onMount?: () => void,
}

type State = {
  clicked: boolean,
}

class ReactClassComponent extends Component<void, Props, State> {
  state: State = {
    clicked: false,
  };

  constructor(props: Props) {
    super(props)
  }

  componentDidMount() {
    if (this.props.onMount) {
      this.props.onMount()
    }
  }

  handleClick: () => void = () => {
    this.setState({ clicked: true })
  };

  render(): Element {
    return (
      <div onClick={ this.handleClick }>
        {
          !this.state.clicked
          ? "Hi"
          : "Hey"
        }
      </div>
    )
  }
}

export default ReactClassComponent

from babel-plugin-flow-react-proptypes.

I see the issue. It's the onMount?: () => void,. I'm not handling function type annotations.

I'll have it fixed in a few hours.

from babel-plugin-flow-react-proptypes.

What are the prospects for supporting functional components?

from babel-plugin-flow-react-proptypes.

@glortho moved it to a standalone issue #11.

from babel-plugin-flow-react-proptypes.