How to use react-foundation - 4 common examples

return (
      <div>
        
          <div>
            <input value="{this.state.query}" placeholder="headphones, school laptop, toaster" type="text"> this.setState({ query: e.target.value })}
            /&gt;
            <div>
              <button color="{Colors.PRIMARY}" type="submit"> this.performSearch()}
              &gt;
                Search
              </button>
            </div>
          </div>
        
        
          {this.props.showFilters &amp;&amp;
            
              <label>Only Amazon Fulfilled
                </label></div>

const ProductLink = ({ slug, children }) => (
  
    <button color="{Colors.PRIMARY}"> {
        if (window.ga) {
          window.ga('send', 'event', {
            eventCategory: 'recommended',
            eventAction: 'click',
            eventLabel: slug
          })
        }
      }}
      isExpanded
    &gt;
      {children}
    </button>
  
)

};

    return (
      <div>
        <h2>React starter</h2>
        <div>
          <form>
            <label>
              Email
              <input required="" placeholder="name@example.com" type="email">
            </label>
            <label>
              Password
              <input required="" placeholder="******" type="password">
            </label>
            <button color="{Colors.PRIMARY}" type="submit">Log in</button>
          </form>
        </div>
      </div>
    );
  }
}

type='submit'
                color={Colors.PRIMARY}
                onClick={() => this.performSearch()}
              >
                Search
              
            
          
        
        
          {this.props.showFilters &&
            
              <label>Only Amazon Fulfilled
                </label>
            
          }
          {this.props.showFilters &amp;&amp;
            
              <label>Department
                <select value="{this.state.index"> this.handleIndexChange(e.target.value)}
                &gt;
                  <option value="All">All Depts.</option>
                  <option value="Appliances">Appliances</option></select></label>