Нажмите на карту, затем перейдите к страницам карты в ответ

Question

Нажмите на карту, затем перейдите к страницам карты в ответ

public static void main(String[] args) {
    double g = 1 / 3;
    System.out.printf("%.2f", g);
}

Поскольку как 1, так и 3 являются ints, результат не округлен, но он усечен. Таким образом, вы игнорируете фракции и выполняете только целые.

Чтобы избежать этого, по крайней мере одно из ваших чисел 1 или 3 как десятичная форма 1.0 и / или 3.0.

0

reactjs

задан Mohamad reza1987 14 July 2018 в 02:55

2 ответа

Я не мог понять, что вы сказали полностью, но вы можете использовать React-Router для перехода на разные страницы в Reactjs. Чтобы установить его с помощью npm, перейдите в каталог приложения и введите в командной строке npm install --save React-Router

Вот простой код для перехода на разные страницы:

import React from "react";
import "./App.css";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";


const Home=()=>
 (<div>
  <h2>Home</h2>
 </div>
);

const About=()=>
(<div>
  <h2>About</h2>
   </div>
 );


class App extends React.Component {
 render() {
    return (
  <Router>
    <div>

        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/about">About</Link>
        </li>




      <Route exact path="/" component={Home}/>
      <Route exact path="/about" component={About}/>
    </div>
  </Router>
      );
    }
  }
export default App;

Надеюсь, это помогло ...

0

ответ дан Bilal Kazmi 17 August 2018 в 12:02

Другие вопросы по тегам:

reactjs

Похожие вопросы:

score 0 · Accepted Answer

Нет необходимости в Redux для вашей проблемы.

Вы просто используете React-router. вы просто создаете два компонента 1. Cards.js, 2. CardDetails.js и переходите к сведениям о карте в событии кликов карт в Card.js

Cards.js

import React from "react";
import { withRouter } from "react-router";


class Cards extends React.Component {

goToCarddetails = (cardId) => {
    localStorage.setItem("selectedCard", cardId);
    this.props.history.push('/card-details');
// you can manage here to pass the clicked card id to the card details page if needed
}

render() {
    return ( <div>
        <div onClick = {()=>this.goToCarddetails('cardId1')}> card 1 </div>
        <div onClick = {()=>this.goToCarddetails('cardId2')}> card 2 </div>
        <div onClick = {()=>this.goToCarddetails('cardId3')}> card 3 </div>
       </div>
    )
  }
}

export default withRouter(Cards);

С помощью вышеприведенного щелчка на любой карте вы будете переходить на страницу сведений о карте.

CardDetails.js

import React from "react";


class CardDetails extends React.Component {

render() {
    let selectedCardId = localStorage.getItem("selectedCard");
    // you can get this cardId anywhere in the component as per your requirement 
    return ( <div>
        card details here
       </div>
    )
  }
}

export default CardDetails;

Примечание: Я использую реакцию- маршрутизатор 4 здесь, в примере.

Благодарю. но как выбрать идентификатор щелчком? Я беру данные любой карты со стороны сервера, а затем использую функцию карты, как передавать данные карты на это представление? — Mohamad reza1987, 15 July 2018 в 10:40
вы можете передать cardId в cardDetails.js разными способами ... 1. параметр запроса 2. [path] параметр 3. localStorage -4 , если вы используете redux с редуктором . объясняя простейший путь здесь localStorage , редактируя приведенный выше пример. — ATUL DIVEDI, 15 July 2018 в 13:09
вы когда-либо проходили мимо состояния с помощью маршрутизатора? — Mohamad reza1987, 15 July 2018 в 13:23