为什么这些错误显示为flow
. 我将 React 与 ES6 类一起使用。代码示例如下:
更新
根据这个例子,我几乎得到了这个工作: https ://flowtype.org/docs/react.html#defining-components-as-react-component-subclasses
我摆脱了大部分 Flow 错误,但现在应用程序在运行时失败。我认为这是 ReactJS 没有剥离 Flow 或 Babel 类的东西。如果我在下面的代码中注释掉 Flow 类型定义,我不会收到此错误。
我正在运行我的应用程序watchify -t [ babelify ] app.js -o ./build/app.js
语法错误:/Users/carlf/Documents/dev/reactjs/FlyTweet/app/views/posts/MyNewPostForm.js:缺少类属性转换。解析文件时:/Users/carlf/Documents/dev/reactjs/FlyTweet/app/views/posts/MyNewPostForm.js
流错误:
app/views/posts/MyNewPostForm.js:51 51: var myPostTxt = ReactDOM.findDOMNode(this.Refs.content).value; ^^^^ 财产
Refs
。在 15 中找不到属性:导出默认类 MyNewPostForm extends React.Component { ^^^^^^^^^^^^ MyNewPostForm
来自package.json
"dependencies": {
"babel-preset-react": "6.5.0",
"babelify": "7.3.0",
"react": "15.1.0",
"react-dom": "15.1.0",
"react-router": "2.4.1"
}
反应组件
export default class MyNewPostForm extends React.Component {
// START Flow type definitions.
MAX_POST_CHARS: number;
state: {
charsRemaining: number,
SendButtonDisabled: boolean
};
handleChange: () => void;
onSubmit: () => void;
// END Flow type definitions.
constructor() {
super();
this.MAX_POST_CHARS = 139;
this.state = {
charsRemaining: this.MAX_POST_CHARS,
SendButtonDisabled: true
};
this.handleChange = this.handleChange.bind(this);
this.onSubmit = this.onSubmit.bind(this);
}
handleChange() {
var myPostTxt = ReactDOM.findDOMNode(this.refs.content).value;
// Do something here.
}