첫 번째 학자의 React×Rails 어플리케이션 개발 13회]
한 일
인도물
구현 단계
users_controller
users_controller
def destroy
@user = current_api_v1_user
@user.destroy
render json: { status: 'SUCCESS', message: 'Delete the user', data: @user}
end
구현 단계
Logout.js
class Logout extends React.Component {
constructor(props) {
super(props);
}
Logout() {
localStorage.clear();
window.location.href = process.env.REACT_APP_BASE_URL;
}
notLogout() {
window.history.back()
}
render() {
const { classes } = this.props;
return (
<div>
<h3>ログアウトしますか?</h3>
<Button variant="contained" size="large" color="secondary" className={classes.button} onClick={this.Logout}>
する
</Button>
<Button variant="contained" size="large" color="primary" className={classes.button} onClick={this.notLogout}>
しない
</Button>
</div>
)
}
}
DeleteAccount.js
class Deleteaccount extends React.Component {
constructor(props) {
super(props);
this.Deleteaccount = this.Deleteaccount.bind(this);
}
Deleteaccount() {
const { CurrentUserReducer } = this.props;
const auth_token = localStorage.auth_token
const client_id = localStorage.client_id
const uid = localStorage.uid
axios.delete(process.env.REACT_APP_API_URL + `/api/v1/users`,
{
headers: {
'access-token': auth_token,
'client': client_id,
'uid': uid
}
})
localStorage.clear();
window.location.href = process.env.REACT_APP_API_URL;
}
notDeleteaccount() {
window.history.back()
}
render() {
const { classes } = this.props;
return (
<div>
<h3>アカウントを削除しますか?</h3>
<Button variant="contained" size="large" color="secondary" className={classes.button} onClick={this.Deleteaccount}>
する
</Button>
<Button variant="contained" size="large" color="primary" className={classes.button} onClick={this.notDeleteaccount}>
しない
</Button>
</div>
)
}
}
Reference
이 문제에 관하여(첫 번째 학자의 React×Rails 어플리케이션 개발 13회]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/dl10yr/items/03dbf502e639e578f151텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)