Gọi chức năng Javascript bên ngoài từ các thành phần phản ứng

Question

Tôi không chắc chắn nếu điều này đã được hỏi trước hoặc bất cứ ai đã gặp phải cùng một vấn đề trên reactjs. Vì vậy, kịch bản là như thế này, tôi có một tệp index.html bao gồm một số javascript. Bây giờ trên thành phần phản ứng của tôi, tôi có một điều kiện sẽ chỉ hiển thị nếu điều kiện là đúng. Điều này có nghĩa là ban đầu khi trang của tôi tải thành phần chưa được hiển thị. Khi tôi chuyển đổi một nút, đây là nơi thành phần đó được hiển thị. Thành phần con đó cần gọi một phương thức javascript đã được đưa vào index.html của tôi. Làm thế nào tôi nên làm điều này?

Bất kỳ trợ giúp nào được đánh giá cao.

Answer 1

Trong index.html

<script type="text/javascript"> 
    function test(){ 
    alert('Function from index.html'); 
    } 
</script> 

Trong thành phần của bạn

componentWillMount() { 
    window.test(); 
} 

Answer 2

Vì vậy, hoặc bạn xác định các phương pháp trên phạm vi toàn cầu (hay còn gọi là cửa sổ). Và sau đó bạn có thể sử dụng nó từ bất kỳ phương pháp nào, đang phản ứng hay không.

Hoặc bạn có thể chuyển sang mô hình dựa trên mô-đun và sử dụng yêu cầu/nhập để lấy mô-đun và sử dụng hàm.

Đối với các dự án lớn hơn thì tốt hơn vì nó là quy mô, trong khi nếu bạn cần bản trình diễn hoặc POC, bạn có thể móc tất cả vào phạm vi toàn cầu và nó sẽ hoạt động.

Thông tin thêm về mô-đun có tại: http://exploringjs.com/es6/ch_modules.html