나는 상태가 있습니다 :
this.state = {
rowData
}
rowData = [
{MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3"},
{MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3"},
{MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3"}
]
버튼을 클릭하면 이와 같은 빈 개체를 추가 할 수 있기를 원합니다.
rowData = [
{MEMBER: "", ALIS: "", STATUS: ""}, //CLICK 1
{MEMBER: "", ALIS: "", STATUS: ""}, // CLICK 2 and so on
{MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3"},
{MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3"},
{MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3"}
]
버튼 클릭에 빈 문자열을 포함하도록 상태를 업데이트하려면 어떻게해야합니까?
스프레드 연산자를 사용할 수 있습니다 .
this.setState({
rowData: [
{ MEMBER: "", ALIS: "", STATUS: "" },
...this.state.rowData
]
})
예를 들면 :
const rowData = [
{ MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3" },
{ MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3" },
{ MEMBER: "DATA1", ALIS: "DATA2", STATUS: "DATA3" }
];
class MyComponent extends React.Component {
state = {
rowData
};
handleClick = () => {
this.setState({
rowData: [
{ MEMBER: "", ALIS: "", STATUS: "" },
...this.state.rowData
]
});
};
render() {
return (
<>
<button onClick={this.handleClick}>Button</button>
{this.state.rowData.map(({ MEMBER, ALIS, STATUS }, i) => (
<p key={i}>
Member: {MEMBER}, Alis: {ALIS}, Status: {STATUS}
</p>
))}
</>
);
}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다