The href attribute requires a valid address. Provide a valid, navigable address (ok)

https://stackoverflow.com/questions/52801051/react-site-warning-the-href-attribute-requires-a-valid-address-provide-a-valid

C:\Users\Administrator\Desktop\app\src\components\Order.js

import React, { Component} from 'react';
class Order extends Component {
  onOrder = (name,status) => {
    console.log(name,status);
  }
  render() {
    return (
      <div className="col-xs-6 col-sm-6 col-md-6 col-lg-6">
        <div className="dropdown">
          <button className="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
            Sắp Xếp <span className="fa fa-caret-square-o-down ml-5" />
          </button>
          <ul className="dropdown-menu" aria-labelledby="dropdownMenu1">
            <li><a href="#/" role="button" className="sort_selected" onClick={() => this.onOrder('name',1)}><span className="fa fa-sort-alpha-asc pr-5">Tên A-Z</span></a></li>
            <li><a href="#/" role="button" onClick={() => this.onOrder('name',-1)}><span className="fa fa-sort-alpha-desc pr-5">Tên Z-A</span></a></li>
            <li role="separator" className="divider" />
            <li><a href="#/" role="button" onClick={() => this.onOrder('status',1)}>Trạng Thái Kích Hoạt</a></li>
            <li><a href="#/" role="button" onClick={() => this.onOrder('status',-1)}>Trạng Thái Ẩn</a></li>
          </ul>
        </div>
      </div>
    )
  }
}
export default Order;

Last updated

Was this helpful?