React

React學習手冊-

getKeyword = (event) => {
        //console.log(event.target.value)
        let keyword = event.target.value;
        let filtered = this.state.news.filter((item)=>{
            return item.title.indexOf(keyword) > -1
        });
        this.setState({
            filtered
        })
       // console.log(filtered)
}
<Header keywords={this.getKeyword}/>

const Header = (props) =>{
        return ( 
            <header>
                <div className={classes.logo}>Logo</div>
                <input 
                    type="text" 
                    onChange={props.keywords}
                />
            </header>
        )
}

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}


class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}