घटक में प्रतिक्रिया प्रदर्शन छवि

मैं प्रतिक्रिया के लिए नया हूँ, क्षमा करें यदि यह बहुत बुनियादी है।

मैं एक घटक Position.jsx पर एक छवि प्रदर्शित करने का प्रयास कर रहा हूं:

import React from "react";
import "./Position.css";

const isOperator = val => {
  return !isNaN(val) || val === "." || val === "=";
};

export const Position = props => (
  <div
    className={`button-wrapper ${
      isOperator(props.children) ? null : "operator"
    }`}
    onClick={() => props.handleClick(props.children)}
  >
    {props.children}
  </div>
);

मैं इसे दूसरे घटक में render() के भीतर से करने की कोशिश कर रहा हूं, Field.jsx:

import "./Position.css";
import { Position } from "./Position";

...

getPositionData = val => {
    this.setState({ positions: this.state.positions};
  }

render() {
return (
 <div className="app">
    <div className="calc-wrapper">
      <Input input={this.state.input} />
      <div className="row">
        <Position 
            src='https:my-url.png' 
            handleClick={this.getPositionData}>
        </Position>
      </div>
      </div>
    </div>
  </div>
);

}

घटक कार्यों पर क्लिक करना, लेकिन कोई छवि प्रदर्शित नहीं होती है। मुझे किसकी याद आ रही है?