Как передать значение переменной через реагирующие компоненты? - PullRequest
Новая
       50

Как передать значение переменной через реагирующие компоненты?

1 голос
/ 23 февраля 2020

Это мое приложение. js 

import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Link} from "react-router-dom";

import Particles from './components/particles'
import Title from './components/start'
import Explain from "./components/explain"
import "./App.css"
import Test from "./components/test"
import Test1 from "./components/IntLin/test1"
import Test2 from "./components/IntLin/test2"
import Test3 from "./components/IntLin/test3"

export default class App extends Component{

render(){
  return (
    <div>
      <Router>
        <div className="start">
          <Particles/>
          <Route exact path="/inicio" render={() => {
          return <div className="titulo">
          <Title}/>
          </div>
          }}>
          </Route>
        </div>
          <Route exact path="/explain" render={() => {                    
            return <div className="explain">
              <Explain}/>
            </div>
            }}>
          </Route>
          <Route exact path="/test" render={() => {
            return <div className="test">
              <Test/>
            </div>
          }}>
          </Route>
           <Route exact path="/test1" render={() => {
              return <div className="test1">
                <Test1/>
              </div>
            }}>
            </Route>
            <Route exact path="/test2" render={() => {
              return <div className="test2">
                <Test2/>
              </div>
            }}>
            </Route>
            <Route exact path="/test3" render={() => {
              return <div className="test3">
                <Test3/>
              </div>
            }}>
            </Route>
        </Router>
      </div>
      );
  };

}

Итак, в основном я хочу установить переменную цифра c в приложении. js, затем, когда я go в «Тест» компонент Я могу найти переменную и добавить +1, а затем следующий компонент «Test1» может вычесть -1 и так далее через все компоненты, пока вы не достигнете конечного компонента, где вы получите, сколько было конечной переменной.

1 Ответ

0 голосов
/ 23 февраля 2020

вы можете использовать оба пропускающих элемента или Context, но на самом деле вы хотите передать две или три вещи.

  1. переменная
  2. инкрементная функция
  3. функция декремента

или вы можете объединить числа 2 и 3:)

вот пример: https://codesandbox.io/s/74qzy90m3x

...