All files / src/searchbox/_example SearchBoxExample.jsx

50% Statements 2/4
100% Branches 0/0
33.33% Functions 1/3
50% Lines 2/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25          1x 1x                                    
import React, { useState, Fragment } from "react";
import { SearchBox } from "@tencent/tea-component/lib/searchbox";
import { Switch } from "@tencent/tea-component/lib/switch";
 
export default function SearchBoxExample() {
  const [multiline, setMultiline] = useState(false);
  return (
    <Fragment>
      <section>
        <SearchBox
          multiline={multiline}
          onSearch={console.log}
          onClear={() => console.log("clear")}
        />
      </section>
      <hr />
      <section>
        <Switch value={multiline} onChange={value => setMultiline(value)}>
          多行搜索
        </Switch>
      </section>
    </Fragment>
  );
}