엄지월드

Warning: Each child in a list should have a unique "key" prop. 에러가 나는 경우 index 값은 마땅히 없을 때에 순수 javascript로 uuid를 만들어서 추가할 수 있다.  ...return ({item.coNm})function generateUUID() { // UUID v4 생성 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); });}

JSX javscript로 변환된다. html 이랑 비슷하지만, 지켜야 할 규칙이 몇가지 있다. 꼭 닫혀있는 태그 태그를 열었으면, 를 통하여 태그를 닫아줘야 합니다. 를 로 닫아야 한다. 감싸져 있는 엘리먼트 두개 이상의 엘리먼트는 무조건 하나의 엘리먼트로 감싸져 있어야 합니다. import React, { Component } from 'react'; class App extends Component { render() { return ( 안녕하세요 리액트 ); } } export default App; import React, { Component } from 'react'; class App extends Component { render() { return ( 안녕하세요 리액트 안녕하세요 리액트..

Uncaught Error: useRoutes() may be used only in the context of a component. App.js에서 Routes를 설정해주었는데, 위에 에러가 발생하였다. import { Route, Routes } from 'react-router-dom'; import './App.css'; import Board from './Board'; function App() { return ( // ); } export default App; 해결 방법은 index.js에 을 추가해주면 된다. import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App..