反应，与打字稿观察员无状态组件

问题描述：

Im有一些使用React与TypeScript的问题，现在我坚持使无国籍的组件观察员。即时通讯使用MobX btw。反应，与打字稿观察员无状态组件

StatelessComponent：下面

const TaskItem: React.SFC<{task: Task, deleteTask: (e:any) => void}> = (props) => (
 
     <li onClick={ props.deleteTask }>{ props.task.name }</li> 
 
);

代码给出键入missmatch到StatelessComponent并即时得到解决无处它分配ClassicComponent。

错误： [ts] 类型'ClassicComponentClass < {task：Task; deleteTask：（e：any）=> void; '>不能分配给'StatelessComponent < {任务：任务; deleteTask：（e：any）=> void; }>”。

const TaskItem: React.SFC<{task: Task, deleteTask: (e:any) => void}> = observer((props) => (
 
     <li onClick={ props.deleteTask }>{ props.task.name }</li> 
 
));

我如何做一个无状态组件观察员？有没有一种“漂亮”的方式来写这个？

答

看起来是这样工作的：

const App = observer((props: {test: string}) => 
 
    <div>{props.test}</div> 
 
); 
 

 
ReactDOM.render(<App test="sdsdfsddddddddddddddddddf" /> 
 
    ,document.getElementById('root'));

反应，与打字稿观察员无状态组件

相关推荐