refs的React类型错误

Question

我有一个问题：

<form className="form" onSubmit={(e)=> e.preventDefault() }>
  <InputInForm name="number" ref="shareNumder" id="shareNumder" /> 
  <Button className="count" value="count" onClick={this.result} />
</form>

result(e)
{
  let sharePric2e = this.refs.sharePrice.value.replace(/ /g, '');
  console.log(sharePric2e);
}

和获取ref的函数：

function InputInForm(props) {
return (
    <div className="inputs">
        <span className="titleInput">{props.name}</span>
        <input type="text"  id={props.id} ref={props.ref} className="formBlock" placeholder="Введите значение"/>
    </div>
);
}

export default InputInForm;

我收到错误＆＃34; TypeError：this.refs.sharePrice为null＆＃34;。 我如何使用ref获得输入值？