- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试研究如何使用 typescript 和 react js。我关注这个link我成功地安装了文件。这是 package.json
{
"name": "proj",
"version": "1.0.0",
"description": "hello world",
"main": "index.js",
"scripts": {
"test": "sample"
},
"author": "",
"license": "ISC",
"dependencies": {
"@types/react": "^0.14.55",
"@types/react-dom": "^0.14.19",
"react": "^15.4.1",
"react-dom": "^15.4.1"
},
"devDependencies": {
"awesome-typescript-loader": "^3.0.0-beta.17",
"source-map-loader": "^0.1.5",
"typescript": "^2.1.4",
"webpack": "^1.14.0",
"todomvc-app-css": "^2.0.0",
"todomvc-common": "^1.0.0"
}
}
这是我的 tsx 的代码。
import * as React from "react";
import * as ReactDOM from "react-dom";
export interface ItemProps { todoItem:string; getIndex:number; onDelete:any; onEdit:any; onChange:number}
interface ItemState {clickEdit:string;text:string}
export class TodoItem extends React.Component<ItemProps, ItemState> {
public state:ItemState;
constructor(props:ItemProps){
super(props);
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
this.state = {clickEdit:"",text:this.props.todoItem};
}
public handleChange(e) {
this.setState({text: e.target.value});
}
public handleSubmit(e){
this.setState({clickEdit:""});
}
public delete(){
this.props.onDelete(this.props.getIndex);
}
public edit(){
var node = React.findDOMNode<HTMLInputElement>(this.refs["editField"]);
node.focus();
this.setState({clickEdit:"editing"});
this.props.onEdit(this.props.getIndex);
}
public render() {
return (
<li className={this.state.clickEdit}>
<div className="view">
<label onDoubleClick={e => this.edit()}>{this.props.todoItem}</label>
<button className="destroy" onClick={e => this.delete()}></button>
</div>
<input ref="editField" className="edit" onBlur={e => this.handleSubmit(e)} value={this.state.text} onChange={e => this.handleChange(e)} autoFocus={true} />
</li>
);
}
}
我不知道为什么我不能使用findDOMNode。我已经导入了 REACT。我是否遗漏了文件中的某些内容或需要安装的内容
最佳答案
尝试 从“react-dom”导入 ReactDOM; ReactDOM.findDOMNode()
.
关于javascript - 类型 'findDOMNode' 上不存在属性 'typeof React',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41274827/
我有一个这样的宏: #include #include #define m_test_type(e) \ do {
我知道 JS 中的严格等于评估两件事:平等和相似 Object.is() 是我能找到的最接近的比较来收集更多的洞察力,它在我的调查中没有提供进一步的帮助。 谁能更好地理解 JS 的内部结构?数组是一个
我正在学习 JavaScript,我在代码中看到使用 typeof 和 typeof() 是一样的,例如: 两种情况下的结果都是数字: console.log(typeof 1); console.l
据我所知,检查 undefined variable 的首选方法是 typeof a === 'undefined'。 但为什么它比 typeof a == 'undefined' 更好?它会在哪些地
今天我在 Linux 内核中遇到了这个宏 (include/linux/kernel.h) #define DIV_ROUND_CLOSEST(x, divisor)( \ {
我收到错误 Type 'typeof Questions' is not assignable to type 'typeof Model'.同时在模型中添加了关系。 问题.model.ts impo
只是四处看看我通常掩盖的地方,然后注意到了这一点。 typeof('apple'); //"string" typeof 'apple'; //"string" 好的,首先,第二个示例是如何工作的?我
我正在尝试检查以下内容 typeof( ICollection<> ).GetTypeInfo().IsAssignableFrom( targetProperty.PropertyType.GetT
所以我明白 typeof 可以是一个运算符还是一个函数。但是当我这样做时 console.log(typeof(typeof)); 我收到了这条消息 未捕获的语法错误:意外的标记 ')' 那么我在这里
我正在使用 node/typescript 为 Discord 开发一个机器人。当我在我的源代码上运行 typescript 编译器时,我收到了这个错误: node_modules/@types/re
我有typeof(List)作为类型对象,但我需要 typeof(List<>)我可以从中使用 MakeGenericType()检索 List 的类型对象,是否可能? 更新:伙计们,谢谢。这似乎是一
我是js的新手,正在努力学习js,你们能告诉我为什么typeof typeof x返回string,提供下面的代码片段,如果我理解这个简单的概念,它将对我有更多帮助: var x=null; cons
简短的例子: #include #include using namespace boost; template BOOST_TYPEOF_TPL(T() + U()) add2(const T&
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
检查 typeof 运算符结果的两个版本之间有什么区别(编译器/解释器/juju wise 等)吗? 我问是因为我多次看到第一个版本,好像它遵循了一个概念,而第二个版本更具可读性并且更好地描述了我的意
这一定很简单,但我找不到解决方案。我有一个我想现在 undefined object 。如何将 typeof 更改为未定义?谢谢! 凯尔 最佳答案 你不能让对象本身undefined,但是你可以让引用
这两种说法有什么区别? if (typeof errorMessage !== undefined) {} 和 if (typeof (errorMessage) !== undefined) {}
有一个简单的问题,我想我知道答案但我不想听来自其他一些人。 假设我将创建一个通用函数: public string GetTypeName() { } 它应该返回类型 T 的名称,这很简单: retu
正如标题所说的那样,typeof (Array, null) 返回 object 而 typeof(null, Array) 返回 函数。 它返回第二个参数的类型。 为什么? 最佳答案 因为 type
这是一个令人尴尬的问题,但我觉得我在过去几个小时里尝试了一切。 我只想在我的属性中添加以下属性 #using #using ... using namespace System::Draw
我是一名优秀的程序员,十分优秀!