我在我的React应用程序中使用Material-Ui,我正在尝试将地址的输入谷歌自动完成添加到我的表单中.
这是我的问题,我找到了这个库https://github.com/ErrorPro/react-google-autocomplete,它集成了谷歌地图API的地方,但输入看起来像最基本的输入,即0风格.
现在我的代码看起来像这样:
<Autocomplete
onPlaceSelected={(place) => {
console.log("Place selected", place);
}}
types={['address']}
/>
这段代码工作正常并打印地址,简单的问题是输入具有默认的外观和感觉,我希望它具有材料-ui.
我也查看了这个库https://github.com/ydeshayes/googlePlaceAutocomplete,这似乎正是我想要的,但我无法使它工作,似乎没有太多记录.所以我试着编写这样的代码:
<GooglePlaceAutocomplete
onChange={this.onAutoCompleteInputChangeFct.bind(this)}
onNewRequest={this.onClickLocationFct.bind(this)}
name={'location'}
/>
但是使用这段代码我得到了我的输入,但是当我输入建议时,它似乎无法正常工作.
所以我的问题是:有没有办法将自动完成组件从material-ui包装到TextField元素中？
我正试图在laravel 5中建立一个友谊系统而且我被困住了.我有一个friends_user表,如下所示:
这是重点,我转到用户页面,我想知道我与这个用户的关系,4个解决方案:
我想创建一个方法来检查用户是否是另一个用户的朋友,简单.我有一个'status'列,它是一个布尔值(0表示挂起,1表示朋友)对我来说完美的解决方案是能够在一种方法中检查是否:
所以如果你能告诉我这里我错在哪里,这是我的逻辑(仅用于检查用户是否是朋友):User.php
public function isFriend($slug)
{
// Get both user
$user = Auth::user();
$receiver = User::where('slug', $slug)->first();
// get list of friends (so who have status = 1)
$result = Friends::where('status', 1);
// Get users where user id is equal to connected
$result = $result->where('user_id', $user->id)->where('friend_id', $receiver->id); …我有redux-form，并且验证功能有问题。而且此错误仅发生在我的云服务器上，在本地，我对此没有任何问题。
这是验证功能：
function validate(values){
const errors = {};
let requiredFields = [
'gender', 'first_name', 'last_name'
];
requiredFields.forEach(field => {
if (!values[field]) {
errors[field] = 'Required';
}
});
return errors;
}
我这样称呼它：
EditProfileForm = reduxForm({
form: 'editProfile',
validate
})(EditProfileForm);
即使当我在本地运行生产代码时，现在也可以这样做：
config.plugins.push(new webpack.optimize.UglifyJsPlugin({
mangle: false
})
)
它仍然可以在本地运行，只有当代码在服务器上时，我才遇到问题。
它会将动作：redux-form / UPDATE_SYNC_ERRORS派发到无限状态，我必须强制关闭Chrome才能停止此操作。
我有作为对象的initialValues，并且仅当值为空时才会发生错误，即DB不会返回first_name例如for 我。我不明白为什么它如此循环，而且只能在云上循环。
我还尝试设置first_name为undefined（如果未在DB中进行设置），但仍然不行。
使用的redux-form版本是 6.4.2
你有什么想法 ？