反應，與打字稿觀察員無狀態組件

Question

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> 
 
));

我如何做一個無狀態組件觀察員？有沒有一種「漂亮」的方式來寫這個？

Answer 1

看起來是這樣工作的：

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

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