引入Antd中的Input组件报错

Question

import React, { Component, Fragment } from "react";
import "antd/dist/antd.css";
import { Input } from "antd";

export default class TodoList extends Component {
constructor(props) {
super(props);

this.state = {};
}

render() {
return (
<Fragment>
<div>
<Input
placeholder="前端架构师发现新大陆"
style={{ width: "300px", border: "1px solid #50eace" }}
/>
</div>
</Fragment>
);
}
}

如果不写import { Input } from "antd";就不会报错，很奇怪

Answer 1

提问者 帅气的灯泡 2018-08-12 11:20:22

我把./node_modules/rc-tree-select/es/Select.js中对calcCheckStateConduct引用去掉后，就恢复正常了，因为rc-tree/es/util.js文件中没有calcCheckStateConduct这个东西，但是我不知道去掉这个calcCheckStateConduct引用之后，会有啥副作用

• Dell #1

  不要这么搞，我怀疑是antd的bug，你下载低版本的antd来试试

• 提问者 帅气的灯泡 回复 Dell #2

  好的，谢谢老师

• 提问者 帅气的灯泡 回复 Dell #3

  今天我把注释calcCheckStateConduct的引用去掉后，不会报错了，程序正常运行，这个真是摸不着头脑