babel-plugin-transform-dot-notation-to-props

Example

In

<Foo>
    <Foo.bar>
        <Baz />
    </Foo.bar>
</Foo>

Out

<Foo bar={<Baz />} />

Installation

npm install --save-dev babel-plugin-transform-dot-notation-to-props

Usage

.babelrc

{
  "plugins": ["babel-plugin-transform-dot-notation-to-props"]
}

Options

ignoreCapitalizedProps

boolean, defaults to false.