Можно ли как-то в Raect передать имя элемента состояния из потомка в родителя?

Question

[EroticDeer]

Можно ли как-то в Raect передать имя элемента состояния из потомка в родителя?

Родитель:

class Container extends Component {
	constructor() {
		super();
		this.state = {
			test: 1
		};
		this.buyEgg = this.buyEgg.bind(this);
	}


buyEgg(value) {
		this.setState({ value: 2 });
	}

	
	render() {
		return (
			<div>
				<TestShop buyEgg={this.buyEgg} test={this.state.test} />
			</div>
		);
	}

Ребенок:

class TestShop extends Component {
	constructor(props) {
		super();
		this.state = {
			
		};
	}

	render() {
		return (
			<div>
				<h1>{this.props.test}</h1>
				<button value="test" onClick={() => this.props.buyEgg('test')}>
					Click
				</button>
			</div>
		);
	}
}

т.е. нужна универсальная функция, которой передается имя элемента стейта и изменяяется на какое-то значение

Answer 1

[bpGusar]

buyEgg(value) {
    this.setState({ [value]: 2 });
  }

если я правильно понял

Comments

[EroticDeer]

buyEgg(value) {
    this.setState((prevState) =>{
       return{
          [value] : prevState.[value] + 1
       }
     } );
}

А как быть в этом случае?

[bpGusar]

если ты хочешь указать имя проперти в виде строки то пишется всегда без точки, но как индекс

buyEgg(value) {
    this.setState((prevState) =>{
       return{
          [value] : prevState[value] + 1
       }
     } );
}

[EroticDeer]

bpGusar, огромное спасибо!