Guest User

Untitled

a guest
Mar 17th, 2018
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.23 KB | None | 0 0
  1. ...
  2.  
  3. class App extends Component {
  4. constructor() {
  5. this.state = {
  6. ...
  7. text: null,
  8. }
  9.  
  10. ...
  11. this.handleInput = this.handleInput.bind(this);
  12. }
  13.  
  14. ...
  15.  
  16. handleInput(metaInformation) {
  17. this.setState({
  18. text: metaInformation.text,
  19. });
  20. }
  21.  
  22. render() {
  23. return (
  24. <div
  25. style={{
  26. position: 'relative'
  27. }}
  28. >
  29. <InputTrigger
  30. trigger={{
  31. keyCode: 50,
  32. shiftKey: true,
  33. }}
  34. onStart={(metaData) => { this.toggleSuggestor(metaData); }}
  35. onCancel={(metaData) => { this.toggleSuggestor(metaData); }}
  36. onType={(metaData) => { this.handleInput(metaData); }}
  37. >
  38. ...
  39. </InputTrigger>
  40.  
  41. <div
  42. id="dropdown"
  43. style={{
  44. ...
  45. }}
  46. >
  47. {
  48. this.state.users
  49. .filter(user => user.indexOf(this.state.text) !== -1)
  50. .map(user => (
  51. <div
  52. style={{
  53. padding: '10px 20px'
  54. }}
  55. >
  56. { user }
  57. </div>
  58. ))
  59. }
  60. </div>
  61. </div>
  62. );
  63. }
  64. }
  65.  
  66. ...
Add Comment
Please, Sign In to add comment