Skip to content

Commit 1d2cc8f

Browse files
committed
fix(main): export as named function
1 parent edd7cbf commit 1d2cc8f

File tree

3 files changed

+5
-4
lines changed

3 files changed

+5
-4
lines changed

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ Install with [npm](https://www.npmjs.com/):
1313
Put `<YourComponent />` into `<TogglePattern />`.
1414

1515
```js
16+
import {TogglePattern} from "react-toggle-pattern";
1617
class ToggleButton extends React.Component {
1718
render(){
1819
return (
@@ -42,7 +43,7 @@ It means that
4243
Show component that has truly attribute with `<TogglePattern attribute />`
4344

4445
```js
45-
const TogglePattern = require("react-toggle-pattern");
46+
const TogglePattern = require("react-toggle-pattern").TogglePattern;
4647
// render
4748
<TogglePattern isEditing={true}>
4849
<ComponentX isEditing/>

src/react-toggle-pattern.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
// LICENSE : MIT
22
"use strict";
3-
import React from 'react';
3+
const React = require("react");
44

5-
export default class TogglePattern extends React.Component {
5+
export class TogglePattern extends React.Component {
66
getFlagNames() {
77
return Object.keys(this.props);
88
}

test/react-toggle-pattern-test.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
const assert = require("power-assert");
22
import React from "react";
33
import {shallow} from 'enzyme';
4-
import TogglePattern from "../src/react-toggle-pattern";
4+
import {TogglePattern} from "../src/react-toggle-pattern";
55
class ComponentY extends React.Component {
66
render() {
77
return <div>Hidden</div>

0 commit comments

Comments
 (0)