Support generate doc with imported component

[Stupidism]

A member of them said this is possible in this issue
reference doc is here

[danielduan]

I'm not sure what you're asking for here. With this plugin configured with babel, when you access a component via the import or require, you should be able to see the docgen info.

const Component = require('./component.jsx');
console.log(Component.__docgenInfo);

[Stupidism]

// Button.js
Button.propTypes = {
  /*
   *  callback when button is clicked
   */
  onClick: PropTypes.func,
}

export default Button;

// ButtonWithColor.js
import Button from './Button';
export withColor(Button);

Then the description info is lost.

const ButtonWithColor = require('./ButtonWithColor');
console.log(ButtonWithColor.__docgenInfo);

[danielduan]

There's no way around this unfortunately. react-docgen only supports getting proptype info from the component file itself, not any imported components or proptypes.

I think its a limitation of react-docgen itself, but if you find a solution, please open a PR. I would love to see that implemented.

[Stupidism]

@danielduan But here it says hoc is OK.

Detect exported components passed to HOCs
Until now, react-docgen didn’t find components that are passed to a higher order component (HOC):

function MyComponent() { /* ... */ }
export default hoc(MyComponent);

The workaround was to change the resolver to find all component definitions in the file, something that is not always desirable.
With #124, @ rtsao extended the default resolver to be able to handle these cases.

[danielduan]

I think their case is when the HOC is in the same file.

Their tests are all contained in the same file:
https://github.com/reactjs/react-docgen/pull/124/files