next.js typescript 타입 지정 질문이 있습니다.

Question

타입스크립트를 처음 써봐서요 질문이 있습니다. /** @jsx jsx */import { useState , useRef , useCallback} from 'react';import { jsx } from '@emotion/core';import TodoTemplate from '../components/Todo/TodoTemplate';import TodoInsert from '../components/Todo/TodoInsert';import TodoList from '../components/Todo/TodoList'; type Todo = { id : number, text : string, checked : boolean} const Todo = () => { const [todos , setTodos] = useState([ { id : 1, text : '리액트의 기초 알아보기', checked : true }, { id : 2, text : '리액트의 기초 알아보기2', checked : true }, { id : 3, text : '리액트의 기초 알아보기3', checked : false } ] as Todo[]); const nextId = useRef(4); const onInsert = useCallback( (text) => { const todo = { id : nextId.current, text, checked : false } setTodos(todos.concat(todo)) // concat : 기존배열을 변경하지 않습니다. , // 추가된 새로운 배열을 반환합니다. // 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat nextId.current += 1; } ,[todos]); const onRemove = useCallback( (id) => { setTodos(todos.filter(todo => todo.id !== id)) }, [todos]) return( <>

)}; export default Todo; const todos useStatus 에 배열로 값을 담고 TodoList 에 값을 넘겨 주었습니다. /** @jsx jsx */import { jsx , css } from '@emotion/core';import TodoListItem from './TodoListItem'; type TodoListType = { todos : any[], onRemove : any} const TodoList = ({ todos , onRemove } : TodoListType ) => { console.log(todos) return( <>

{todos.map((todo) => ( ))}

)}; const List = css` min-height:320px; max-height:513px; overflow-y:auto;`; export default TodoList; 값을 받아서 TodoListType 에 todos : any[] 로 하니깐 오류가 없이 잘 작동이 되는데 any[] 써야 하는게 맞는건가요? 깃허브 주소 https://github.com/adfffewr/next-blog/tree/master/front 입니다.any[] 가 아닌 다른 형식으로 입력해야 할것 같아서 질문드립니다

aksjm2 · Accepted Answer

any 로 주는것이 맞아 보이네요. Array<Object>로 줘야할 것 같지만 링크 예시를 보시면, Object가 원시타입이 아니라서, variable assign을 할 수 없다네요 ㅎ; https://www.typescriptlang.org/docs/handbook/basic-types.html#any

next.js typescript 타입 지정 질문이 있습니다.

1개의 답변

#next 목록