react页面之间传值的方法是什么

在React中，可以使用以下几种方法在页面之间传值：

1. 使用props：可以通过在父组件中定义属性，并将其传递给子组件来传递值。子组件可以通过props属性访问传递过来的值。

// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const value = 'https://www.yisu.com/ask/Hello!';
  
  return (
    
  );
};

export default ParentComponent;

// ChildComponent.js
import React from 'react';

const ChildComponent = (props) => {
  return 
{props.value};
};

export default ChildComponent;

2. 使用context：可以在父组件中创建一个Context对象，并在需要传递值的地方使用Provider组件包裹子组件，然后在子组件中使用Consumer组件来获取值。

// ValueContext.js
import React from 'react';

const ValueContext = React.createContext();

export default ValueContext;

// ParentComponent.js
import React from 'react';
import ValueContext from './ValueContext';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const value = 'https://www.yisu.com/ask/Hello!';
  
  return (
    
      
    
  );
};

export default ParentComponent;

// ChildComponent.js
import React from 'react';
import ValueContext from './ValueContext';

const ChildComponent = () => {
  return (
    
      {value => 
{value}
}
    
  );
};

export default ChildComponent;

3. 使用路由参数：如果页面之间通过路由进行跳转，可以通过路由参数来传递值。在路由定义中，可以指定参数，并在目标页面中通过props.match.params来获取参数值。

// App.js
import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import ParentComponent from './ParentComponent';
import ChildComponent from './ChildComponent';

const App = () => {
  return (
    
      
      
    
  );
};

export default App;

// ParentComponent.js
import React from 'react';
import { Link } from 'react-router-dom';

const ParentComponent = () => {
  const value = 'https://www.yisu.com/ask/Hello!';
  
  return (
    

      Go to Child Component
    
  );
};

export default ParentComponent;

// ChildComponent.js
import React from 'react';

const ChildComponent = (props) => {
  const value = https://www.yisu.com/ask/props.match.params.value;"language-xml">
{value}
;
};

export default ChildComponent;

以上是React中常用的几种页面之间传值的方法，可以根据具体的需求选择适合的方法。