如何将值从组件传递到道具并设置状态

问题描述

我是React的新手，尝试将值从父组件传递到子组件再传递到props并将值存储在状态中。但是它甚至没有调用console.log语句

这是我通过单击按钮更改字符串的功能

let actionToPerform = "";

function changeEdit(){
    if(actionToPerform === 'edit'){
        actionToPerform = 'new'
    }else{
        actionToPerform = 'edit'
    }
}

在父组件的渲染中，我有这个：

<Edit action={actionToPerform}
                    />

子组件

从'react'导入React； 从'./edit.module.css'中导入*作为样式；

export default class Edit extends React.Component {

    constructor(props){
        super(props);
        this.state = {actionToPerform: this.props.actionToPerform}
        console.log("props:" + props)
        console.log("parsed state: " + this.state)
    }

    showContent = ()=>{
        if(this.state.actionToPerform == "edit"){
            return <div>Shoppinliste bearbeiten</div>
        }
    }

   render() {
       return (
          this.showContent
       )
   }
}

我的目标是基于通过单击按钮更改的状态来显示div或不显示div。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）