我不得不将我的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>
);
}
}
1条答案
按热度按时间kkbh8khc1#
警告,此答案是推测性的(但太长,无法评论)
我怀疑您的导入看起来像这样:
import likeButton from './somePath/likeButton'
但是,由于您使用的是命名导出(与默认导出相对),因此您的导入实际上应该如下所示:
import { LikeButton } from './somePath/likeButton'
从模块“解构”
LikeButton
。