React

Hi Developers, Please am finding it hard to read the URL params in my React Project after the user has click on the email link to reset password .The token is correct but am having problem here Please this is my code

class ActivitPassword extends Component { constructor(props) { super(props); this.state = { password: '' } this.handleChange = this.handleChange.bind(this) this.onSubmit = this.onSubmit.bind(this) this.token = this.token.bind(this) } handleChange =input => (event)=>{ event.preventDefault() this.setState({[input]: event.target.value}) } componentDidMount(){ this.token() } token = ()=>{ const token = this.props.match.params.token return token } onSubmit = (event)=>{ event.preventDefault() const saveLinkPassword = { password: this.state } event.preventDefault() axios.post(http://localhost:8000/user/activtypassword/:${this.token}, saveLinkPassword).then(res => res.json()).then(res => {toast.success("Password Update") }).catch(err => {toast.error(err.response.data)}) } render() { return ( <div className='passwordForgot'> <ToastContainer /> <h1>ENTER NEW PASSWORD</h1> <div className='recoverInput'> <label>PASSWORD: </label> <input placeholder='password' name="password" onChange={this.handleChange("password")}/> </div> <button className='btn btn-success' onClick={this.onSubmit}>Save Password</button> </div> ); } }

Hi Developers, Please am finding it hard to read the URL params in my React Project after the user has click on the email link to reset password .The token is correct but am having problem here Please this is my code

class ActivitPassword extends Component { constructor(props) { super(props); this.state = { password: '' } this.handleChange = this.handleChange.bind(this) this.onSubmit = this.onSubmit.bind(this) this.token = this.token.bind(this) } handleChange =input => (event)=>{ event.preventDefault() this.setState({[input]: event.target.value}) } componentDidMount(){ this.token() } token = ()=>{ const token = this.props.match.params.token return token } onSubmit = (event)=>{ event.preventDefault() const saveLinkPassword = { password: this.state } event.preventDefault() axios.post(http://localhost:8000/user/activtypassword/:${this.token}, saveLinkPassword).then(res => res.json()).then(res => {toast.success("Password Update") }).catch(err => {toast.error(err.response.data)}) } render() { return ( <div className='passwordForgot'> <ToastContainer /> <h1>ENTER NEW PASSWORD</h1> <div className='recoverInput'> <label>PASSWORD: </label> <input placeholder='password' name="password" onChange={this.handleChange("password")}/> </div> <button className='btn btn-success' onClick={this.onSubmit}>Save Password</button> </div> ); } }

Hi Developers, Please am finding it hard to read the URL params in my React Project after the user has click on the email link to reset password .The token is correct but am having problem here Please this is my code

class ActivitPassword extends Component { constructor(props) { super(props); this.state = { password: '' } this.handleChange = this.handleChange.bind(this) this.onSubmit = this.onSubmit.bind(this) this.token = this.token.bind(this) } handleChange =input => (event)=>{ event.preventDefault() this.setState({[input]: event.target.value}) } componentDidMount(){ this.token() } token = ()=>{ const token = this.props.match.params.token return token } onSubmit = (event)=>{ event.preventDefault() const saveLinkPassword = { password: this.state } event.preventDefault() axios.post(http://localhost:8000/user/activtypassword/:${this.token}, saveLinkPassword).then(res => res.json()).then(res => {toast.success("Password Update") }).catch(err => {toast.error(err.response.data)}) } render() { return ( <div className='passwordForgot'> <ToastContainer /> <h1>ENTER NEW PASSWORD</h1> <div className='recoverInput'> <label>PASSWORD: </label> <input placeholder='password' name="password" onChange={this.handleChange("password")}/> </div> <button className='btn btn-success' onClick={this.onSubmit}>Save Password</button> </div> ); } }

Hi Developers, Please am finding it hard to read the URL params in my React Project after the user has click on the email link to reset password .The token is correct but am having problem here Please this is my code

class ActivitPassword extends Component { constructor(props) { super(props); this.state = { password: '' } this.handleChange = this.handleChange.bind(this) this.onSubmit = this.onSubmit.bind(this) this.token = this.token.bind(this) } handleChange =input => (event)=>{ event.preventDefault() this.setState({[input]: event.target.value}) } componentDidMount(){ this.token() } token = ()=>{ const token = this.props.match.params.token return token } onSubmit = (event)=>{ event.preventDefault() const saveLinkPassword = { password: this.state } event.preventDefault() axios.post(http://localhost:8000/user/activtypassword/:${this.token}, saveLinkPassword).then(res => res.json()).then(res => {toast.success("Password Update") }).catch(err => {toast.error(err.response.data)}) } render() { return ( <div className='passwordForgot'> <ToastContainer /> <h1>ENTER NEW PASSWORD</h1> <div className='recoverInput'> <label>PASSWORD: </label> <input placeholder='password' name="password" onChange={this.handleChange("password")}/> </div> <button className='btn btn-success' onClick={this.onSubmit}>Save Password</button> </div> ); } }

I'm new to the world of computer science.

And, I have a question.

I have made a JS library for React. Should I make it open-source or not.

Depends on your preference, if it is good enough. But, open source mean someone else get to use it.

Yea, open source basically allows others to use and contribute to it. So if that's what you want then yes.

npm start not working right after create-react-app. it gives 7 steps to solve the problem but it does not help

تست

salam

hello

can someone help me and explain how i use makestyles classes inside this: export default class HomePageSlider extends React.Component{...}

Hi, is it safe to set refresh token to redux state for persistent session in React Native? Any help would be appreciated. https://stackoverflow.com/questions/62877680/is-it-safe-to-set-refresh-token-to-redux-state-for-persistent-session-in-react-n

People here are probably mostly using Redux but I want to learn Mobx. I can only see things with React/classes. Since I only want to use React/functions, any advice where to find a tuto on Mobx/observable/observer but with functions?

yes, you can

How to render a dropdown based on checkbox selection on change event

@Prasann123

use an hidden select tag and simulate events so it stays accessible

Hi Everyone! Nice to meet you guys!

I'm trying to create the react component as a package locally and not to publish. Could anyone please provide the link or blog to achieve this, it will be really helpful! Thanks in advance.

You can publish it and make it private

Hi, does Native-Base FooterTab supports lazy load? is there a difference in performance between React Navigation createBottomTabNavigator and Native-Base FooterTab?

https://dpaste.org/Ni79 Anyone can please help me in fixingPrivateRoute

I am trying to do 404 page then I am getting rendered component and 404 page on the same page I don't know what's going wrong and for the wrong url the 404 is just working fine

Hi, how to set responsive logo in android splash screen in react-native-splash-screen? https://stackoverflow.com/questions/63303442/how-to-set-responsive-logo-in-android-splash-screen-in-react-native-splash-scree