18/07/2023 09:36:58 PM

Kinh nghiệm - Thủ thuật

state trong Reactjs

export default class AddNote extends Component {

		    constructor(props, context) {

		        super(props, context);

		        this.state={

		            noteTitle:'',

		            noteContent:''

		        }    

		    }

		    isChange=(event) =>{

		        const name=event.target.name;

		        const value=event.target.value;

		        // console.log(name);

		        // console.log(value); 

		        this.setState({[name]:value})

		    }

		    //hàm gửi dữ liệu đi khi nhấn nút lưu

		addData=(noteTitle,noteContent) =>{

		    var item={};

		    item.noteTitle=noteTitle;

		    item.noteContent=noteContent;

		    // console.log(item); 

		    this.props.getData(item);

		  }

		    render() {

		        return (

		             classname="col-sm-4">

			Quản lý Note
	
		                 className="form-group">

		                     htmlFor="noteTitle">Tiêu đề Note

		                     onChange={(event) =>this.isChange(event)} type="text" className="form-control" name="noteTitle" id="noteTitle" aria-describedby="helpId" placeholder="Tiêu đề Note" />