Есть компонент и функция.
В компоненте есть state
, функция изменяет значение state
.
Как новое значение state
передать компоненту именно с помощью функции?
То есть при нажатие на кнопку, слово "Не нажал" изменилось на "Нажал".
Заранее спасибо.
Компонент:
import Myfunction from "./myFunction.js"; // здесь лежит функция
class Add extends React.Component {
constructor(props) {
super(props);
this.state = {
name: "Не нажал"
};
}
Newstate = () => {
Myfunction(this.state.name);
}
render () {
return(
<div>
<div>{this.state.name}</div>
<button onClick={this.Newstate}>Click</button>
</div>
)
}
}
export default Add;
Функция:
const Myfunction = (mystate) => {
console.log({mystate});
mystate = "Нажал";
console.log({mystate});
}
export default Myfunction;
Мне нужно чтобы значение state
изменяла именно функция чтобы я мог в другом компоненте просто вызвать эту функцию не передавая ей какие либо значения и она бы изменила значение state
в моём компоненте.
Суть задания в том что на сайте рендерятся два компонента, у них нет общего предка и они не взаимосвязаны.
В первом компоненте есть две кнопки по клике на первую кнопку запускается функция(таймер с отсчётом), по клике на вторую кнопку запускается функция которая останавливает предыдущую функцию(таймер).
Во втором компоненте есть кнопка которая должна останавливать таймер то есть при нажатие на эту кнопку вызывается функция остановки таймера.