Reactjs 将react/redux转换为使用typescript
我正在将现有应用程序转换为typescript。由于以下错误,我的应用程序将无法编译:Reactjs 将react/redux转换为使用typescript,reactjs,typescript,redux,Reactjs,Typescript,Redux,我正在将现有应用程序转换为typescript。由于以下错误,我的应用程序将无法编译: 类型“{}”不可分配给类型“IntrinsicatAttributes&IntrinsicClassAttributes”{ 让输入:任何 返回( { e、 预防默认值() 如果(!input.value.trim()){ 返回 } 分派(addTodo(输入值)) input.value=“” }}> { 输入=节点 }} /> 添加待办事项 ) } 导出默认连接()(AddTodo) connect()(
类型“{}”不可分配给类型“IntrinsicatAttributes&IntrinsicClassAttributes”{
让输入:任何
返回(
{
e、 预防默认值()
如果(!input.value.trim()){
返回
}
分派(addTodo(输入值))
input.value=“”
}}>
{
输入=节点
}} />
添加待办事项
)
}
导出默认连接()(AddTodo)
connect()(AddTodo)
创建一个React组件,该组件需要类型为intrinsicatAttributes&intrinsicClassAttributes的属性,这可能需要更改,然后让AddTodo=({dispatch}:{dispatch:any})
我从redux存储库中提取了现有的应用程序。不确定我是否做对了,没关系。关于intrinsitattributes和intrinsicclassattributes
的信息需要填写一些属性。应该有更多的错误后,你张贴。您可以发布它们吗?类型“{}”不可分配给类型“IntrinsityAttributes&IntrinsicClassAttributes&R…”。类型“{}”不可分配给类型“Readonly”。属性“dispatch”在类型“{}”中丢失。
我想说键入中有一个错误。connect()
应该为您连接dispatch
功能,这样您就不必手动操作了。我没有在react redux上工作过,所以我不确定。看看你是否能在react redux或DefinitelyTyped找到答案,这取决于打字的来源。
import * as React from 'react'
import Footer from './Footer'
import AddTodo from '../containers/AddTodo'
import VisibleTodoList from '../containers/VisibleTodoList'
const App = () => (
<div>
<AddTodo />
<VisibleTodoList />
<Footer />
</div>
)
export default App
import * as React from 'react'
import { connect } from 'react-redux'
import { addTodo } from '../actions'
let AddTodo = ({ dispatch }: {dispatch: any}) => {
let input: any
return (
<div>
<form onSubmit={e => {
e.preventDefault()
if (!input.value.trim()) {
return
}
dispatch(addTodo(input.value))
input.value = ''
}}>
<input ref={node => {
input = node
}} />
<button type="submit">
Add Todo
</button>
</form>
</div>
)
}
export default connect()(AddTodo)