크롬 번역기능을 키면 (영어-한글) react로 만든 총합 계산 메소드가 동작을 안합니다

Question

크롬 번역기능을 키면 (영어->한글) react로 만든 (담은 아이템의) 금액 총합 계산 메소드가 동작을 안합니다. 견적문의 버튼을 누르고 request 게시판으로 이동하면 여기서는 담은 금액과 총합을 제대로 넘겨줍니다. 어떻게 수정하면 제대로 보이나요ㅠㅠ 답변을 부탁드립니다. (꾸벅)Sell0.jsimport { Link } from 'react-router-dom'; import { useState, useEffect, useContext } from 'react'; import './Sell.css'; import { PItemsContext } from './PItemsContext'; import useSendLogOnMount from './useSendLogOnMount.js'; import prevArwB from '../image/prev-arw-b.png'; import menu_sell from '../image/menu_sell.png'; import { debounce } from 'lodash'; function SellItem({ item, addPrice }) { let priceUnitCrt = ""; if(item.priceUnit === "WON"){ priceUnitCrt = "\"; }else if(item.priceUnit === "EUR"){ priceUnitCrt = "€"; }; function pdfCheck (){ if(item.pdf.length >= 1){ return( PDF ); }else { return ""; } } return (

{item.title}

{item.summary}

{item}

{item.price}

); } function Sell0({ items }) { useSendLogOnMount(); const { PItems, setPItems, totalPrice, setTotalPrice } = useContext(PItemsContext); const [formattedTotalPrice, setFormattedTotalPrice] = useState(""); useEffect(() => { document.querySelector("header").classList.add('bk'); document.querySelector("body").classList.remove('request'); document.querySelector("body").classList.remove('main'); document.querySelector("body").classList.remove('login-body'); document.querySelector("body").classList.remove('join-body'); setFormattedTotalPrice(totalPrice.toString().replace(/\B(?0){ document.querySelector(".prices").classList.add('on') document.querySelector(".total").classList.add('on') } }, [PItems, totalPrice, formattedTotalPrice]); function addPrice(title, priceUnit, price) { let Dcomma = price.replaceAll(",", ""); let purePrice = parseInt(Dcomma); let korPrice = ""; let bracketKorPrice = ""; let priceUnitCrt = ""; document.querySelector(".prices").classList.add('on'); document.querySelector(".total").classList.add('on'); setTotalPrice(prevTotalPrice => { if (priceUnit === "WON") { return prevTotalPrice + purePrice; } else if (priceUnit === "EUR") { korPrice = purePrice * 1479.10; return prevTotalPrice + korPrice; } return prevTotalPrice; }); if (priceUnit === "WON") { priceUnitCrt = "\"; } else if (priceUnit === "EUR") { priceUnitCrt = "€"; } console.log("priceUnit:", priceUnit); console.log("purePrice:", purePrice); console.log("korPrice:", korPrice); console.log("totalPrice:", totalPrice); // priceUnitCrt 값을 포함하여 setPItems 호출 setPItems(PItems => [...PItems, { title, priceUnit: priceUnit, price: price, bracketKorPrice: bracketKorPrice }]); } function deletePrice(index) { let korPrice = ""; const PItemsD = [...PItems] const purePrice = PItemsD[index]; setTotalPrice(prevTotalPrice => { if (purePrice.priceUnit == "WON") { korPrice = parseInt(purePrice.price.replaceAll(",", "").replaceAll("\ ", "").replaceAll("€ ", "")); return prevTotalPrice - korPrice; } else if (purePrice.priceUnit == "EUR") { korPrice = parseInt(purePrice.price.replaceAll(",", "").replaceAll("\ ", "").replaceAll("€ ", "")) * 1479.10; return prevTotalPrice - korPrice; } return prevTotalPrice; }); purePrice.price = purePrice.price.replaceAll(",", "").replaceAll("\ ", "").replaceAll("€ ", ""); const arr = PItemsD.filter(function(_, idx) { return idx!== index; }); setPItems(arr); if (arr.length === 0) { document.querySelector(".prices").classList.remove('on'); document.querySelector(".total").classList.remove('on'); } } function adjustPosition() { const calculator = document.querySelector('.sell .sell-calculator'); const contEnd = document.querySelector('.sell .sell-cont-end'); if(window.innerWidth <= 1200){ if(calculator) { if (window.scrollY >= (contEnd.offsetTop)) { document.querySelector(".sell-calculator").classList.remove('on'); } else { document.querySelector(".sell-calculator").classList.add('on'); } } } else { if(PItems.length>0){ if(calculator) { if (window.scrollY >= (contEnd.offsetTop + 258)) { document.querySelector(".sell-calculator").classList.remove('on'); } else { document.querySelector(".sell-calculator").classList.add('on'); } } } else { if(calculator) { if (window.scrollY >= (contEnd.offsetTop + 160)) { document.querySelector(".sell-calculator").classList.remove('on'); } else { document.querySelector(".sell-calculator").classList.add('on'); } } } } } const optimizedAdjustPosition = debounce(adjustPosition, 100); // 200ms 간격으로 함수 호출 // 이벤트 리스너에 optimizedAdjustPosition 함수를 사용합니다. window.addEventListener('resize', optimizedAdjustPosition); window.addEventListener('scroll', optimizedAdjustPosition); return (

초분광 장비판매
이전으로

{items.map((item, index) => { return( ); })}

{PItems.map((item, index) => (

{item.title} {item.price} {item.bracketKorPrice}

))}

Total: {formattedTotalPrice}

{PItems.length > 0 &&

}

); } export default Sell0;sellData.json[ { "id":1, "title": "spectral camera FX10", "summary": "designed for industrial and laboratory use.", "imageUrl": "/file/sell-Specim-FX10.jpg", "spec": [ "Spectral range: 400~1,000 nm", "Spectral bands: 224", "Spectral FWHM: 5.5 nm", "Spatial samples: 1024 px", "Frame rate: 327 fps", "SNR : 420 : 1", "Specim FX10 is a line-scan hyperspectral camera that operates in the visible and near-infrared (VNIR) region. It is an excellent tool for industrial and scientific applications." ], "priceUnit":"WON", "price":"1,000,000", "pdf":"/file/Specim-FX10-Technical-Datasheet.pdf" }, { "id":2, "title": "spectral camera FX17", "summary": "designed for industrial and laboratory use.", "imageUrl": "/file/sell-Specim-FX17-3.jpg", "spec": [ "Spectral range: 900~1,700 nm", "Spectral bands : 224", "Spectral FWHM : 8 nm", "Spatial samples : 640 px", "Frame rate : 670 fps", "SNR : 1,000 : 1", "Specim FX17 hyperspectral camera operates in the near-infrared region and can literally see the invisible." ], "priceUnit":"WON", "price":"1,000,000", "pdf":"/file/Specim-FX17-Technical-Datasheet.pdf" }, { "id":3, "title": "spectral camera IQ", "summary": "World’s first mobile and turnkey hyperspectral imaging camera with high performance.", "imageUrl": "/file/sell-spectral-camera-IQ.jpg", "spec": [ "Spectral range: 400~1,000 nm", "Spectral bands : 204", "Spectral FWHM : 7 nm", "Spatial samples : 512 px", "The compact and lightweight hyperspectral camera has all you need to take your hyperspectral analysis anywhere you want" ], "priceUnit":"WON", "price":"1,000,000", "pdf":"/file/Specim-IQ-Technical-Datasheet.pdf" }, { "id":4, "title": "spectral camera AFX10", "summary": "HYPERSPECTRAL CAMERAS FOR DRONES", "imageUrl": "/file/sell-Specim-AFX10.jpg", "spec": [ "Spectral range: 400~1,000 nm", "Spectral bands : 224", "Spectral FWHM : 5.5 nm", "Spatial samples : 1024 px", "Frame rate : 330 fps", "SNR : 400 : 1", "Specim AFX10 is a VNIR hyperspectral imaging solution with a hyperspectral camera, a small and powerful computer, and a high-end GNSS/IMU unit in a compact enclosure that can be installed on multiple drone types." ], "priceUnit":"WON", "price":"1,000,000", "pdf":"/file/Specim-AFX10-Technical-Datasheet.pdf" } , { "id":5, "title": "spectral camera AFX17", "summary": "HYPERSPECTRAL CAMERAS FOR DRONES", "imageUrl": "/file/sell-Specim-AFX17.jpg", "spec": [ "Spectral range: 900~1,700 nm", "Spectral bands : 224", "Spectral FWHM : 8 nm", "Spatial samples : 640 px", "Frame rate : 150 fps", "SNR : 1,200 : 1", "Specim AFX17 is a NIR hyperspectral imaging solution with a hyperspectral camera, a small and powerful computer and a high-end GNSS/IMU unit in a compact enclosure that can be installed on multiple drone types." ], "priceUnit":"WON", "price":"1,000,000", "pdf":"/file/Specim-AFX17-Technical-Datasheet.pdf" } , { "id":6, "title": "spectral camera SWIR", "summary": "SWIR is a high-speed short-wave infrared hyperspectral camera that operates in the 1000–2500 nm range.", "imageUrl": "/file/sell-SWIR.jpg", "spec": [ "Spectral range: 1,000~2,500 nm", "Spectral bands : 288", "Spectral FWHM : 12 nm", "Spatial samples : 384 px", "Frame rate : 450 fps", "SNR : 1,050 : 1", "To assure indoor/outdoor usage in varying conditions, it now has rugged weather-proof IP54 casing and temperature-stabilized optics but still uses less power than before, only 50W nominal." ], "priceUnit":"WON", "price":"1,000,000", "pdf":"/file/Specim-SWIR-Technical-Datasheet.pdf" } ]

kenu,전독시 · Answer

저는 잘 동작합니다.만

크롬 번역기능을 키면 (영어->한글) react로 만든 총합 계산 메소드가 동작을 안합니다

1개의 답변

기술 목록