나는 react.js에 매우 익숙하다. 다른 js 파일을 사용하지 않고서도 js를 사용하여 꺾은 선형 차트를 준비하고 싶다.
react.js로만 생성 할 수 있습니까?by Pure react.js
인터넷에 표시된 예제에는 D3 구성 요소, chart.js 등이 있습니다. 이들이 react.js의 하위 제품인지 확실하지 않습니다. 가능한 한 다른 js 파일을 피하고 react.js 만 사용하고 싶습니다.
D3 등은 React와 아무런 관련이 없습니다. React에서는 소품이나 상태를 변경하지 않고 DOM을 변형 할 수 없으므로 D3를 사용할 수 있습니다 (예 : 애니메이션 없음). React를 알지 못하는 상태에서 페이지의 내용이 변경되면 "Invariant violation : DOM mutually unexpectedly"와 같은 오류가 표시됩니다. React에서 D3을 사용하는 방법은 앱에서 사용하는 다른 모든 요소와 마찬가지로 SVG 요소를 구성 요소로 간주하는 것입니다.
실제로 D3가 필요하지 않습니다. <svg>, <line> 등의 SVG 요소를 일반 구성 요소처럼 사용하여 div에 원하는 것을 그립니다. SVG 문서를 참조하십시오.
꺾은 선형 차트의 경우 분명히 할 수 있습니다. 복잡한 그래프 나 예쁜 그래프를 원한다면 왜 외부 라이브러리를 사용하지 않을까요? 가져 오는 js 파일의 가중치는 자신의 js 코드의 가중치와 비교해도 끝날 수 있습니다 (단, 수천 배의 버그는 제외됩니다).
저는 실제로 반응이있는 D3 트리를 사용했습니다. D3은 노드와 선의 구조와 위치를 생성하는 데에만 사용됩니다. 라이브러리는 꽤 잘 결합 될 수 있습니다. – Sulthan
그들은 확실히 할 수있다. 내가 함께 사용했을 때 저는이 아주 좋은 블로그 게시물 인 http://www.adeveloperdiary.com/react-js/integrate-react-and-d3/에 조언을 받았습니다. 다른 접근법이 여기에 있지만, 나는 첫 번째를 선호했다 : https://oli.me.uk/2015/09/09/d3-within-react-the-right-way/. – JulienD