Phat Lam

hi @ThiDinh

Mình nghĩ bạn bị sai syntax chổ

imageslibrary:req.files.['imageslibrary'].path,

Bạn thử update lại thành

imageslibrary:req.files['imageslibrary'].path,

Khi lấy một thuộc tính của object có 2 cách, một là dùng dấu chấm trực tiếp còn 2 là dùng string as attribute, k thể dùng cả 2 cùng lúc. Nhưng mình thắc mắc sao IDE k báo lỗi nhỉ

Hi @Hoangdung123

Về lý thuyết thì không thể được, vì laravel run trước ở phía server sau đó compile thành trang html chứa các javascript, sau đó các javascript này sẽ được thực thi trên browser.

Bạn có thể dùng Ajax đẻ call các API trên phía server của bạn, hoặc bạn có thể xử lý trong các controller trước khi gọi hàm view

Hope it help ^^!

hi @fashions.108

Navigator.language là thuộc tính chỉ đọc (read-only), bạn không thể update lại value của nó. Ref at https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language

Để làm một web hỗ trợ đa ngôn ngữ, bạn cần định nghĩa các text cần hiển thị theo chuẩn i18n Sau đó, dựa vào path param như ví dụ của bạn để lấy các text đã được định nghĩa trước ra

Bạn có thể áp dụng thư viện này vào ứng dụng để code dễ hơn https://www.i18next.com/

Hope it help ^^!

Hi @napmucmayin

QrCode được run tren server, còn $('#qrcode') được run ở phía client sau khi trang tải xong. Về lý thuyết thì không thể nào truyền ngược lại được, vì code PHP sẽ run trước và compile thành trang html chứa các javascript, sau đó các javascript này sẽ được thực thi trên browser

Bạn có thể truyền trực tiếp giá trị vào hàm generate() luôn.

Còn nếu vì lý do nào đó bạn cần phải thực hiện việc sinh ra QR code trên client side bằng javascript hoặc jquery. Bạn có thể tham khảo thư việc sau https://github.com/davidshimjs/qrcodejs

Hope this help!

Hi @wiliamfeng

Mình có chạy thử thì và đoán là có thể chổ đó tác giả code lỗi do gõ nhằm. Mục đích của tác giả ở đây là kiểm tra defaultValue có phải là function hay không, nếu phải thì thực thi function đó, vì trong thực tế có thể defaultValue cần được xử lý qua nhiều logic tuỳ thuộc vào ứng dụng.

Cho nên code mình thử sửa lại hook useStorage thế này

if (typeof defaultValue === "function") {
  return defaultValue()
} else {
  return defaultValue
}

Trong component, thì mình test thử bằng cách gọi useLocalStorage với 2 cách thì đều work cả

const [age, setAge] = useLocalStorage("age", 26)
const [count, setCount] = useLocalStorage("count", () => {
  return 267 // logic của bạn, có thể sẽ xử lý nhiều ở đây
})

Hope this help!

@thanh_tuan

Bạn thử này xem,

• cài đặt npm install depcheck -g

• kiểm tra package không sử dụng depcheck

Xem thêm tại https://www.npmjs.com/package/depcheck

Hi @longhiryu

• hàm Ajax trong Jquery, có hỗ trợ tuỳ chọn success là một function. Nghĩa là khi request thưc hiện xong thì function này sẽ được gọi. Bạn có thể tính tổng các record trong hàm này, vì mình đoán data của bạn nhận về là 1 array và mỗi phẩn tử sẽ có thuộc tính lineTotal. Xem thêm tại https://api.jquery.com/jquery.ajax/
• Còn trường hợp bạn muôn tính tổng tất cả lineTotal khi user click vào một button nào đó. Bạn có thể select tất cả input có class lineTotal như sau

  (".lineTotal").each(function() {
    const val = $(this).val();
    total += parseInt(val); 
  });
  

  xem thêm hàm each tại https://api.jquery.com/each/#each-function

Hi @BuiTheAnh

Để hiểu rõ về vì sao Next làm dc SSR thì bạn có thể tham khảo bài viết này để tự tạo 1 app đơn giản về React SSR https://www.freecodecamp.org/news/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e/

Nextjs cũng tương tự vậy nhưng cao cấp hơn. Nếu muốn sử dụng data global bạn có thể tìm hiểu cách sử useContext đã được tích hợp sẵn trong React

hi @tapcode

Với Class Component

• thuộc tính state sẽ đại diện cho toàn bộ trạng thái của Class
• khi gọi hàm setState, nếu bạn update thuộc tính nào thì chỉ update lại cho thuộc tính đó, như trong vd của bạn gọi this.setState chỉ set lại cho name thì age sẽ không đổi

Với Function Component

• useState được gọi là hook của React, bạn xem thêm ở đây https://reactjs.org/docs/hooks-reference.html#usestate
• hook này sẽ trả về cho bạn một biến giá trị và một hàm để update lại giá của nó và render lại trên view
• Về bản chất thì nó chỉ là một variable có thể lưu string, number hay object. Trường hợp của bạn là lưu object với giá trị là {name: 'a', age: 20}. khi bạn gọi setUser với object chỉ có name thì nó sẽ override lại object cũ
• Bạn có thể tạo nhiều state bằng cách gọi hook này nhiều lần như sau

   const [user, setUser] = useState({name: 'a', age: ''})
   const [loading, setLoading] = useState(false)
   const [countClick, setCountClick] = useState(0)
  

  Thì trên view sẽ là

  <div>
    {loading && (<div>Loading....</div>)}
   <div>{countClick}</div>
  </div>
  

Hope this help ^^!