! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

React 18 demo version 제공 지원 여부 > Q&A | 토론

본문 바로가기

ReactJS React 18 demo version 제공 지원 여부

페이지 정보

작성자 포플러나무 작성일 2023-02-17 09:58 조회 740회 댓글 0건
제품 버전 : React18.2 wijmo 5.20222.877

본문

안녕하세요 현재 react18 / wijmo 5.20222.877 로 개발진행중에 있습니다

회사 컴퓨터로 에러가 발생해서 코드샌드박스로 에러를 재현해서 드리고 싶은데 

코드 샌드박스 환경을 하나만 제공해주실 수 있을까요?

예제형식으로 아무거나 링크만 주시면 될것같습니다.

너무 fatal한 에러라서요 부탁드립니다

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

3 답변

ReactJS Re: React 18 demo version 제공 지원 여부

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK루시 작성일 2023-02-17 16:27 댓글 2건

본문

안녕하세요 그레이프시티입니다.


아래 간단한 샘플을 공유 드리오니 해당 이슈를 재현할 수 있는 샘플을 회신주시면 재현 및 디버깅 후 답변 드릴 수 있도록 하겠습니다.


참고 : React 18에서 <React.StrictMode>를 Wijmo와 함께 사용하는 경우 빌드 시 경고가 표시되는 것을 확인할 수 있습니다. 해당 이슈를 해결하기 위해 추가적으로 본사 개발팀에 확인 중에 있으며 다만 Wijmo 컴포넌트는 런타임에 예상대로 작동됩니다.




다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

포플러나무님의 댓글

포플러나무 작성일





React18에서 되지 않습니다. 

1.   행번호 생기지 않음

<wjcGrid.FlexGridCellTemplate
cellType="RowHeader"
template={(context) => context.row.index + 1}
/>

2. FlexGridCellTemplate를 사용하여  input box 넣기 
<wjcGrid.FlexGridColumn header="checkString">
<wjcGrid.FlexGridCellTemplate
cellType="Cell"
template={(context) => {
return (
<input
type="checkbox"
className="customStringCheckbox"
defaultChecked={context.item.checkString === "Y"}
/>
);
}}
/>
</wjcGrid.FlexGridColumn>



포플러나무님의 댓글

포플러나무 작성일

추가적으로 말씀드리자면 프로젝트에 진행했을때는  Warning이랑 같이 에러가 뜹니다.  codesandbox에는 아예 생성이 안되구요. 
 
 react_devtools_backend.js:2655 Warning: You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it.

ReactJS Re: React 18 demo version 제공 지원 여부

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK루시 작성일 2023-02-21 11:26 댓글 1건

본문

안녕하세요 그레이프시티입니다. 


React의 StrictMode와 함께 FlexGridCellTemplate을 사용할 때 말씀하신 이슈가 재현되어 본사 개발팀에 보고하여 확인 중에 있습니다. 불편하시겠지만 먼저, FlexGridCellTemplate를 사용할 때, StrictMode를 제거하고 개발하시거나 FlexGridCellTemplate 대신 itemFormatter를 이용해보시기 바랍니다. 관련하여 업데이트가 되는 대로 안내 드리도록 하겠습니다. 



더불어 댓글로 언급하신 에러의 경우, 일반적으로 container가 렌더링이 2번 되어 발생하는 React 이슈로 container의 렌더링이 한 번만 될 수 있도록 설정해주셔야 합니다. 관련되어 아래 관련 포스팅을 공유 드리오니 참고 부탁드립니다.


 -  React-18 stack overflow

 

불편함을 드려 죄송합니다. 

다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다.

그레이프시티 드림

댓글목록

포플러나무님의 댓글

포플러나무 작성일

말해주신 stack overflow 에러의 경우 해당 방법을 적용해도 해결이 되지 않습니다. 현재 저희 프로젝트에는  strictmode를 쓰지 않아도 말씀드린 해당 에러가 발생합니다.  FlexGridCellTemplate 해결이 필요할 듯합니다.

ReactJS Re: React 18 demo version 제공 지원 여부

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2024-01-30 15:53 댓글 0건

본문

안녕하세요 메시어스입니다.


먼저 문의 답변이 지연된 점 죄송합니다.


2023 v2 출시와 함께 문의하셨던 FlexGridCellTemplate이 React 18버전(strictMode 설정 시) 에서 사용 시 렌더링 되지 않았던 이슈가 픽스 및 업데이트 되었습니다. 관련하여 아래 샘플과 함께 새로운 기능 및 다운로드 링크를 공유드리오니 참고 부탁드립니다.



- Wijmo 2023 v2 새로운 기능

Wijmo 체험판 다운로드


오랜기간 기다려주신 점 감사드리며 다시 한 번 안내가 지연된 점 죄송합니다.


감사합니다.

메시어스 드림 

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.