Babel.js 巴别塔React转移到'fileName.Component'而不是'Component'

ht4b089n  于 2022-12-08  发布在  Babel
关注(0)|答案(1)|浏览(170)

我不得不将我的react组件命名为component.Component,如下所示。还要注意的是,第一部分是文件名。如果要重命名文件,我必须说(newFileName.LikeButton) .

代替

ReactDOM.render(React.createElement(LikeButton) , domContainer);

有什么办法可以解决这个问题吗?这是我的设置。我的babel.config.json

{
    "presets": ["@babel/preset-react", "@babel/preset-env" ],
    "plugins": [ "@babel/plugin-transform-modules-umd" ]
}

我在likeButton.jsx中React组分

export class LikeButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }
 
  render() {
    if (this.state.liked) {
      return 'You liked this.';
    }

    return (<button onClick={() => this.setState({ liked: true }) }>
        Like
      </button>
      );
  }
}
kkbh8khc

kkbh8khc1#

警告,此答案是推测性的(但太长,无法评论)
我怀疑您的导入看起来像这样:
import likeButton from './somePath/likeButton'
但是,由于您使用的是命名导出(与默认导出相对),因此您的导入实际上应该如下所示:
import { LikeButton } from './somePath/likeButton'
从模块“解构”LikeButton

相关问题