Reactjs 将react/redux转换为使用typescript

Reactjs 将react/redux转换为使用typescript,reactjs,typescript,redux,Reactjs,Typescript,Redux,我正在将现有应用程序转换为typescript。由于以下错误,我的应用程序将无法编译: 类型“{}”不可分配给类型“IntrinsicatAttributes&IntrinsicClassAttributes”{ 让输入:任何 返回( { e、 预防默认值() 如果(!input.value.trim()){ 返回 } 分派(addTodo(输入值)) input.value=“” }}> { 输入=节点 }} /> 添加待办事项 ) } 导出默认连接()(AddTodo) connect()(

我正在将现有应用程序转换为typescript。由于以下错误,我的应用程序将无法编译:


类型“{}”不可分配给类型“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)