Hướng dẫn ReactJS ReactJS tutorial (p10) Bài 10: ReactJS sử dụng Refs

3 151 3
Hướng dẫn ReactJS   ReactJS tutorial (p10) Bài 10: ReactJS  sử dụng Refs

Đang tải... (xem toàn văn)

Thông tin tài liệu

Ref được sử dụng để tương tác với các thành phần mà component đó return ra. Các bạn xem ví dụ dưới các ví dụ dưới đây để hiểu rõ. Using Refs Simple example: Trong ví dụ này, các bạn sẽ tạo 1 component return 1 thẻ input để nhập dữ liệu, và 1 button để khi click vào alert dữ liệu đã nhập.

...ReactDOM.render(, document.getElementById('app')); Complex example: Trong ví dụ sử dung refs để xóa liệu thẻ input ClearInput function tìm kiếm phần tử có ref=myInput thông ReactDom.findDomNode... this.setState({data: e.target.value}); } clearInput() { this.setState({data: ''}); ReactDOM.findDOMNode(this .refs. myInput).focus(); } render() { return (

Ngày đăng: 03/04/2018, 17:32

Từ khóa liên quan

Mục lục

  • Bài 10: ReactJS - sử dụng Refs

    • Using Refs

Tài liệu cùng người dùng

Tài liệu liên quan