我正在使用<xarray.Dataset>
Dimensions: (Year: 190080)
Coordinates:
* Year (Year) int64 1970 1970 1970 1970 1970 1970 1970 1970 1970 ...
Data variables:
Season (Year) object '1' '1' '2' '2' '2' '3' '3' '3' '4' '4' '4' '1' ...
latitude (Year) float64 51.12 51.12 51.12 51.12 51.12 51.12 51.12 ...
longitude (Year) float64 -10.88 -10.88 -10.88 -10.88 -10.88 -10.88 ...
seasdif (Year) float32 -0.79192877 -0.79192877 -0.55932236 ...
tg (Year, latitude, longitude) float32 nan nan nan nan nan nan nan nan nan nan nan ...
time (Year) datetime64[ns] 1970-01-31 1970-02-28 1970-03-31 ...
进行路由。我使用了 tooltip: {
shape:'circle',
useHTML: true,
formatter: function() {
setTimeout( function() {
$("#tca").highcharts({
chart: {
height:200,
backgroundColor:null,
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title:{
text:''
},
credits:{
enabled:false
},
exporting: {
enabled: false
},
plotOptions: {
pie: {
dataLabels: {
distance: 5
}
}
},
series: [{
type:'pie',
startAngle: -90,
endAngle: 90,
center: ['50%', '75%'],
innerSize:'60%',
data: [["A",15],["B",20],["C",3],["D",2]]
}]
});
}, 10)
return "<div id='hc-tooltip'><div id='tca'></div></div>";
}
}
和react-router这样的组件：
NavLink现在我的问题是-如何使用Route组件内部传递的 <NavLink className={classes.navLink}
activeClassName={classes.activeNavLink}
to={`/brokers/${n.id}`}\>
....
<Route exact path="/brokers/:id" component={BrokerDetails} />
参数？我尝试通过道具阅读它，但是它不存在。
答案 0 :(得分：2)
使用component= ...时，您的组件将被传递route props。
尤其是，您需要访问match对象：
const BrokerDetails = ({match}) => <div>{JSON.stringify(match.params)}</div>;
应显示所有参数； match.params.id将是id参数。
答案 1 :(得分：0)
如果您尝试访问props.Id，因为它不在该位置而无法使用。
当您尝试通过使用'React-router-dom'传递的URL访问参数时，访问道具的方法是match.params.id